https://keeperverse.com/api.php?action=feedcontributions&feedformat=atom&user=SunKeeper 2026-05-11T19:21:38Z User contributions MediaWiki 1.44.2 https://keeperverse.com/index.php?title=MediaWiki:Common.css&diff=561 2025-12-21T12:47:09Z

<p>SunKeeper: </p> <hr /> <div>/* =========================================================<br /> SK NAVPAD: ALWAYS ON TOP, NEVER UNDER CITIZEN FOOTER<br /> Put ONLY in MediaWiki:Common.css<br /> ========================================================= */<br /> <br /> /* Always force the navpad to be fixed and above everything */<br /> body.sk-navpad-on #sk-navpad,<br /> body.sk-navpad-on #sk-navpad.navcell-ui,<br /> body.sk-navpad-on .navcell-ui#sk-navpad {<br /> position: fixed !important;<br /> left: 50% !important;<br /> transform: translateX(-50%) !important;<br /> <br /> /* lift it above phone UI a bit */<br /> bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;<br /> <br /> /* absurdly high, higher than any theme UI */<br /> z-index: 2147483647 !important;<br /> <br /> /* create a new stacking context so it cannot get trapped */<br /> isolation: isolate !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> /* Reserve space so page content does not sit under it */<br /> body.sk-navpad-on {<br /> padding-bottom: calc(220px + env(safe-area-inset-bottom, 0px)) !important;<br /> }<br /> <br /> /* Force any footer like thing to never sit on top of the navpad */<br /> footer,<br /> #footer,<br /> .mw-footer,<br /> .citizen-footer,<br /> [class*=&quot;footer&quot;],<br /> [id*=&quot;footer&quot;],<br /> .citizen-ui,<br /> .citizen-ui__footer,<br /> .citizen-ui-footer,<br /> .citizen-toolbar,<br /> .citizen-drawer,<br /> [class*=&quot;toolbar&quot;],<br /> [id*=&quot;toolbar&quot;],<br /> [class*=&quot;drawer&quot;],<br /> [id*=&quot;drawer&quot;] {<br /> position: relative !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* If Citizen has a fixed bottom bar, keep it under everything */<br /> [class*=&quot;sticky&quot;],<br /> [id*=&quot;sticky&quot;],<br /> [class*=&quot;bottom&quot;],<br /> [id*=&quot;bottom&quot;] {<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Hide the pad when you turn it off */<br /> @media (max-width: 759px) {<br /> body.sk-navpad-off #sk-navpad,<br /> body.sk-navpad-off #sk-navpad.navcell-ui,<br /> body.sk-navpad-off .navcell-ui#sk-navpad {<br /> display: none !important;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.css&diff=560 2025-12-21T12:44:11Z

<p>SunKeeper: </p> <hr /> <div>/* =========================================================<br /> NavCell floating pad: always above Citizen footer + bars<br /> This MUST be in Common.css (TemplateStyles cannot do fixed)<br /> ========================================================= */<br /> <br /> /* 1) Make sure the fixed pad is always on top */<br /> body.sk-navpad-on #sk-navpad.navcell-ui,<br /> body.sk-navpad-on .navcell-ui#sk-navpad {<br /> position: fixed !important;<br /> left: 50% !important;<br /> transform: translateX(-50%) !important;<br /> <br /> /* sit above phone safe area and Citizen bottom UI */<br /> bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;<br /> <br /> z-index: 2147483000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 10px 12px !important;<br /> <br /> background: rgba(0,0,0,0.88) !important;<br /> border: 1px solid rgba(255,255,255,0.10) !important;<br /> border-radius: 16px !important;<br /> box-shadow: 0 10px 30px rgba(0,0,0,0.45) !important;<br /> }<br /> <br /> /* 2) Reserve space so page content and footer do not sit under it */<br /> body.sk-navpad-on {<br /> padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important;<br /> }<br /> <br /> /* 3) If Citizen’s footer or bottom elements are overlaying, push them below */<br /> footer,<br /> .citizen-footer,<br /> .mw-footer,<br /> #footer,<br /> .citizen-ui,<br /> .citizen-ui__footer,<br /> .citizen-ui-footer,<br /> .citizen-drawer,<br /> .citizen-toolbar {<br /> z-index: 1 !important;<br /> position: relative !important;<br /> }<br /> <br /> /* 4) When navpad is off, keep it hidden on mobile */<br /> @media (max-width: 759px) {<br /> body.sk-navpad-off #sk-navpad.navcell-ui,<br /> body.sk-navpad-off .navcell-ui#sk-navpad {<br /> display: none !important;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.css&diff=559 2025-12-21T12:40:29Z

<p>SunKeeper: </p> <hr /> <div>/* SK NavCell floating gamepad on mobile */<br /> @media screen and (max-width: 759px) {<br /> <br /> /* keep the pad above Citizen UI and above the footer */<br /> body.sk-navpad-on .navcell-ui {<br /> position: fixed !important;<br /> <br /> /* lift it above phone browser bars */<br /> left: 50% !important;<br /> bottom: calc(env(safe-area-inset-bottom, 0px) + 72px) !important;<br /> transform: translateX(-50%) !important;<br /> <br /> z-index: 2147483647 !important;<br /> <br /> margin: 0 !important;<br /> <br /> background: rgba(0, 0, 0, 0.85) !important;<br /> border: 1px solid rgba(255, 255, 255, 0.10) !important;<br /> border-radius: 14px !important;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important;<br /> }<br /> <br /> /* stop page content from hiding behind the fixed pad */<br /> body.sk-navpad-on .navcell {<br /> padding-bottom: 220px !important;<br /> }<br /> <br /> /* optional hide mode */<br /> body.sk-navpad-off .navcell-ui {<br /> display: none !important;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=557 2025-12-21T06:26:18Z

<p>SunKeeper: </p> <hr /> <div>/* Base */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 980px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Text blocks: tighter, smaller */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .nav-nearby p,<br /> .navcell-lore p,<br /> .navcell-desc div,<br /> .nav-nearby div,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Inline nav (desktop default) */<br /> <br /> .navcell-ui {<br /> width: 260px;<br /> box-sizing: border-box;<br /> margin: 10px auto 0 auto;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 0 2px;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Gamepad layout inside the nav pad */<br /> <br /> .nav-pad-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 12px;<br /> <br /> width: 236px;<br /> box-sizing: border-box;<br /> margin: 0 auto;<br /> }<br /> <br /> .nav-dpad {<br /> display: grid;<br /> grid-template-columns: 46px 46px 46px;<br /> grid-template-rows: 38px 38px 38px;<br /> gap: 4px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-dpad .nav-btn {<br /> width: 46px;<br /> height: 38px;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 46px;<br /> height: 38px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop wide: keep text and inline nav side by side */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 720px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }<br /> <br /> /* Mobile: fixed pad near bottom, centered */<br /> <br /> @media screen and (max-width: 759px) {<br /> .navcell-ui {<br /> position: fixed !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> <br /> bottom: 92px !important;<br /> <br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> <br /> padding: 10px 12px !important;<br /> <br /> background: rgba(0, 0, 0, 0.92) !important;<br /> border: 1px solid rgba(255, 255, 255, 0.12) !important;<br /> border-radius: 14px !important;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important;<br /> <br /> z-index: 2147483647 !important;<br /> }<br /> <br /> /* keep page text from sitting under the pad */<br /> .navcell {<br /> padding-bottom: 280px !important;<br /> }<br /> <br /> /* try to prevent footer overlay winning the stacking */<br /> #footer,<br /> footer,<br /> .mw-footer,<br /> .mw-footer-container,<br /> .mw-body-footer,<br /> .mw-page-footer,<br /> .citizen-footer,<br /> .citizen-footer__container,<br /> .citizen-footer__content,<br /> .citizen-footer__bottom {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=556 2025-12-21T06:14:40Z

<p>SunKeeper: </p> <hr /> <div>/* Base */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 980px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Text blocks: tighter, smaller */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .nav-nearby p,<br /> .navcell-lore p,<br /> .navcell-desc div,<br /> .nav-nearby div,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Inline nav (desktop default) */<br /> <br /> .navcell-ui {<br /> width: 260px; /* wide enough to contain Up and Down */<br /> box-sizing: border-box;<br /> margin: 10px auto 0 auto;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 0 2px;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Gamepad layout inside the nav pad */<br /> <br /> .nav-pad-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 12px;<br /> <br /> width: 236px; /* inner content width */<br /> box-sizing: border-box;<br /> margin: 0 auto;<br /> }<br /> <br /> .nav-dpad {<br /> display: grid;<br /> grid-template-columns: 46px 46px 46px;<br /> grid-template-rows: 38px 38px 38px;<br /> gap: 4px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-dpad .nav-btn {<br /> width: 46px;<br /> height: 38px;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 46px;<br /> height: 38px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop wide: keep text and inline nav side by side */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 720px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }<br /> <br /> /* Mobile: fixed pad near bottom, centered, no calc/env/transform */<br /> <br /> @media screen and (max-width: 759px) {<br /> .navcell-ui {<br /> position: fixed !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 92px !important; /* raise above browser and Citizen bars */<br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> <br /> z-index: 9999 !important;<br /> <br /> padding: 10px 12px !important;<br /> <br /> background: rgba(0, 0, 0, 0.92) !important;<br /> border: 1px solid rgba(255, 255, 255, 0.12) !important;<br /> border-radius: 14px !important;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important;<br /> }<br /> <br /> /* keep page text from sitting under the pad */<br /> .navcell {<br /> padding-bottom: 280px !important;<br /> }<br /> <br /> /* try to prevent footer overlay winning the stacking */<br /> footer,<br /> .mw-footer,<br /> .mw-body-footer,<br /> .mw-page-footer,<br /> .citizen-footer,<br /> .citizen-footer__container,<br /> .citizen-footer__content,<br /> .citizen-footer__bottom {<br /> position: relative !important;<br /> z-index: 0 !important;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=555 2025-12-21T06:09:08Z

<p>SunKeeper: </p> <hr /> <div>/* Base */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 980px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Text blocks: tighter, smaller */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .nav-nearby p,<br /> .navcell-lore p,<br /> .navcell-desc div,<br /> .nav-nearby div,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Inline nav (desktop default) */<br /> <br /> .navcell-ui {<br /> width: 232px; /* was 216 */<br /> box-sizing: border-box;<br /> margin: 10px auto 0 auto;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 0 2px;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Gamepad layout inside the nav pad */<br /> <br /> .nav-pad-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 12px;<br /> width: 232px; /* was 216 */<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-dpad {<br /> display: grid;<br /> grid-template-columns: 46px 46px 46px;<br /> grid-template-rows: 38px 38px 38px;<br /> gap: 4px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-dpad .nav-btn {<br /> width: 46px;<br /> height: 38px;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 46px;<br /> height: 38px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop wide: keep text and inline nav side by side */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 720px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }<br /> <br /> /* Mobile: ALWAYS fixed like a gamepad, above Citizen footer */<br /> <br /> @media screen and (max-width: 759px) {<br /> <br /> .navcell-ui {<br /> position: fixed !important;<br /> left: 50% !important;<br /> <br /> /* keep it above mobile toolbars + footer */<br /> bottom: 120px !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> /* win z-index wars */<br /> z-index: 2147483647 !important;<br /> <br /> margin: 0 !important;<br /> padding: 10px 12px !important;<br /> <br /> background: rgba(0, 0, 0, 0.92) !important;<br /> border: 1px solid rgba(255, 255, 255, 0.12) !important;<br /> border-radius: 14px !important;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important;<br /> }<br /> <br /> /* Make room so the fixed pad never gets covered by footer */<br /> .navcell {<br /> padding-bottom: 260px !important;<br /> }<br /> <br /> /* If Citizen footer is overlaying, shove it behind our pad */<br /> .mw-footer,<br /> footer,<br /> .citizen-footer,<br /> .mw-body-footer {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=554 2025-12-21T06:06:47Z

<p>SunKeeper: </p> <hr /> <div>/* Base */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 980px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Text blocks: tighter, smaller */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .nav-nearby p,<br /> .navcell-lore p,<br /> .navcell-desc div,<br /> .nav-nearby div,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Inline nav (desktop default) */<br /> <br /> .navcell-ui {<br /> width: 216px;<br /> box-sizing: border-box;<br /> margin: 10px auto 0 auto;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 0 2px;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Gamepad layout inside the nav pad */<br /> <br /> .nav-pad-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 10px;<br /> width: 216px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-dpad {<br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 36px 36px 36px;<br /> gap: 4px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-dpad .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop wide: keep text and inline nav side by side */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 720px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }<br /> <br /> /* Mobile: ALWAYS fixed like a gamepad */<br /> <br /> @media screen and (max-width: 759px) {<br /> .navcell-ui {<br /> position: fixed !important;<br /> left: 50% !important;<br /> bottom: 96px !important;<br /> transform: translateX(-50%) !important;<br /> <br /> z-index: 2147483647 !important;<br /> <br /> margin: 0 !important;<br /> padding: 8px 10px !important;<br /> <br /> background: rgba(0, 0, 0, 0.90) !important;<br /> border: 1px solid rgba(255, 255, 255, 0.10) !important;<br /> border-radius: 14px !important;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important;<br /> }<br /> <br /> /* Make room so the fixed pad does not cover the page content */<br /> .navcell {<br /> padding-bottom: 190px !important;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=553 2025-12-21T06:03:09Z

<p>SunKeeper: </p> <hr /> <div>/* Base */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 980px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Text blocks: tighter, smaller */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .nav-nearby p,<br /> .navcell-lore p,<br /> .navcell-desc div,<br /> .nav-nearby div,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Inline nav (desktop default) */<br /> <br /> .navcell-ui {<br /> width: 216px;<br /> box-sizing: border-box;<br /> margin: 10px auto 0 auto;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 0 2px;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Gamepad layout inside the nav pad */<br /> <br /> .nav-pad-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 10px;<br /> width: 216px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-dpad {<br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 36px 36px 36px;<br /> gap: 4px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-dpad .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop wide: keep text and inline nav side by side */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 720px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }<br /> <br /> /* Mobile: fixed bottom gamepad */<br /> <br /> @media screen and (max-width: 759px) {<br /> body.sk-navpad-on .navcell-ui {<br /> position: fixed;<br /> left: 50%;<br /> bottom: 74px;<br /> transform: translateX(-50%);<br /> <br /> z-index: 2147483647;<br /> <br /> margin: 0;<br /> padding: 8px 10px;<br /> <br /> background: rgba(0, 0, 0, 0.90);<br /> border: 1px solid rgba(255, 255, 255, 0.10);<br /> border-radius: 14px;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);<br /> }<br /> <br /> body.sk-navpad-on .navcell {<br /> padding-bottom: 170px;<br /> }<br /> <br /> body.sk-navpad-off .navcell-ui {<br /> display: none;<br /> }<br /> <br /> /* Force the navpad above any skin footer overlays */<br /> body.sk-navpad-on .navcell-ui,<br /> body.sk-navpad-on .navcell-ui * {<br /> position: relative;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=538 2025-12-20T21:40:44Z

<p>SunKeeper: </p> <hr /> <div>/* Base */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 980px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Text blocks: tighter, smaller, no weird wrapping */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .nav-nearby p,<br /> .navcell-lore p,<br /> .navcell-desc div,<br /> .nav-nearby div,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Inline nav (desktop default) */<br /> <br /> .navcell-ui {<br /> width: 216px;<br /> box-sizing: border-box;<br /> margin: 10px auto 0 auto;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 0 2px;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Gamepad layout inside the nav pad */<br /> <br /> .nav-pad-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 10px;<br /> width: 216px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-dpad {<br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 36px 36px 36px;<br /> gap: 4px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-dpad .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop wide: keep text and inline nav side by side */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 720px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }<br /> <br /> /* Mobile: make the nav pad fixed at the bottom like a gamepad */<br /> <br /> @media screen and (max-width: 759px) {<br /> body.sk-navpad-on .navcell-ui {<br /> position: fixed;<br /> left: 50%;<br /> bottom: 10px;<br /> transform: translateX(-50%);<br /> z-index: 9999;<br /> <br /> margin: 0;<br /> padding: 8px 10px;<br /> <br /> background: rgba(0, 0, 0, 0.85);<br /> border: 1px solid rgba(255, 255, 255, 0.08);<br /> border-radius: 14px;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);<br /> }<br /> <br /> body.sk-navpad-on .navcell {<br /> padding-bottom: 92px;<br /> }<br /> <br /> body.sk-navpad-off .navcell-ui {<br /> display: none;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=537 2025-12-20T21:39:56Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell&quot;&gt;<br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot; id=&quot;sk-navpad&quot;&gt;<br /> &lt;div class=&quot;nav-pad-inner&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-dpad&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-ud&quot;&gt;<br /> &lt;div class=&quot;nav-btn nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-left&quot;&gt;<br /> &lt;div class=&quot;navcell-desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;div class=&quot;navcell-lore&quot;&gt;{{{lore|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=536 2025-12-20T21:35:44Z

<p>SunKeeper: </p> <hr /> <div>/* Container */<br /> .navcell {<br /> max-width: 100%;<br /> padding: 8px;<br /> }<br /> <br /> /* FLOATING GAMEPAD — THIS IS THE FIX */<br /> .navcell-ui {<br /> position: fixed;<br /> bottom: 14px;<br /> left: 14px;<br /> z-index: 9999;<br /> <br /> background: rgba(0,0,0,0.75);<br /> border-radius: 12px;<br /> padding: 8px;<br /> <br /> width: auto;<br /> }<br /> <br /> /* D-pad */<br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 42px 42px 42px;<br /> grid-template-rows: 42px 42px 42px;<br /> gap: 6px;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border-radius: 6px;<br /> <br /> font-size: 11px;<br /> line-height: 1.1;<br /> text-align: center;<br /> }<br /> <br /> .nav-btn a {<br /> color: #eee;<br /> text-decoration: none;<br /> }<br /> <br /> .nav-center,<br /> .nav-empty {<br /> background: transparent;<br /> }<br /> <br /> /* Up / Down */<br /> .nav-ud {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-top: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 42px;<br /> height: 32px;<br /> font-size: 10px;<br /> }<br /> <br /> /* Text content */<br /> .nav-text {<br /> margin-top: 8px;<br /> }<br /> <br /> .nav-desc {<br /> font-size: 13px;<br /> line-height: 1.2;<br /> margin-bottom: 4px;<br /> }<br /> <br /> .nav-nearby {<br /> font-size: 12px;<br /> opacity: 0.85;<br /> }<br /> <br /> /* Prevent overlap */<br /> @media (max-width: 900px) {<br /> .nav-text {<br /> padding-bottom: 140px;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=535 2025-12-20T21:35:20Z

<p>SunKeeper: </p> <hr /> <div>&lt;div class=&quot;navcell&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot; id=&quot;sk-nav-ui&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-grid&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-ud&quot;&gt;<br /> &lt;div class=&quot;nav-btn nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-text&quot;&gt;<br /> &lt;div class=&quot;nav-desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=534 2025-12-20T21:31:18Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> max-width: 100%;<br /> padding: 8px;<br /> }<br /> <br /> .navcell-ui {<br /> position: fixed;<br /> bottom: 12px;<br /> left: 12px;<br /> z-index: 999;<br /> background: rgba(0,0,0,0.6);<br /> padding: 8px;<br /> border-radius: 10px;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 56px 56px 56px;<br /> grid-template-rows: 56px 56px 56px;<br /> gap: 6px;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #2a2a2a;<br /> border-radius: 8px;<br /> font-size: 13px;<br /> text-align: center;<br /> }<br /> <br /> .nav-btn a {<br /> color: #eee;<br /> text-decoration: none;<br /> }<br /> <br /> .nav-center {<br /> background: transparent;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-top: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 56px;<br /> }<br /> <br /> .nav-text {<br /> margin-top: 160px;<br /> }<br /> <br /> .nav-desc {<br /> font-size: 14px;<br /> line-height: 1.25;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .nav-nearby {<br /> font-size: 13px;<br /> opacity: 0.85;<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=533 2025-12-20T21:30:41Z

<p>SunKeeper: </p> <hr /> <div>&lt;div class=&quot;navcell&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-grid&quot;&gt;<br /> &lt;div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-ud&quot;&gt;<br /> &lt;div class=&quot;nav-btn nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-text&quot;&gt;<br /> &lt;div class=&quot;nav-desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=517 2025-12-20T14:52:59Z

<p>SunKeeper: </p> <hr /> <div>(function(){<br /> var w = window;<br /> var d = document;<br /> <br /> function handler(e){<br /> var k = e.key;<br /> if (!k) return;<br /> k = k.toLowerCase();<br /> }<br /> <br /> d.addEventListener(&quot;keydown&quot;, handler);<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=516 2025-12-20T14:52:44Z

<p>SunKeeper: </p> <hr /> <div>(function(){<br /> var w = window;<br /> var d = document;<br /> <br /> function handler(e){<br /> var k = e.key;<br /> }<br /> <br /> d.addEventListener(&quot;keydown&quot;, handler);<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=515 2025-12-20T14:52:27Z

<p>SunKeeper: </p> <hr /> <div>(function(){<br /> var w = window;<br /> var d = document;<br /> <br /> function noop(){}<br /> d.addEventListener(&quot;DOMContentLoaded&quot;, noop);<br /> <br /> d.addEventListener(&quot;keydown&quot;, noop);<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=514 2025-12-20T14:52:05Z

<p>SunKeeper: </p> <hr /> <div>(function(){<br /> var w = window;<br /> var d = document;<br /> <br /> function noop(){}<br /> d.addEventListener(&quot;DOMContentLoaded&quot;, noop);<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=513 2025-12-20T14:51:50Z

<p>SunKeeper: </p> <hr /> <div>(function(){<br /> var w = window;<br /> var d = document;<br /> <br /> function noop(){}<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=512 2025-12-20T14:51:37Z

<p>SunKeeper: </p> <hr /> <div>(function(){<br /> var w = window;<br /> var d = document;<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=510 2025-12-20T14:48:33Z

<p>SunKeeper: </p> <hr /> <div>(function(){<br /> var w = window;<br /> var d = w[&quot;doc&quot;+&quot;ument&quot;];<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=509 2025-12-20T14:48:18Z

<p>SunKeeper: </p> <hr /> <div>(function(){})();</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=508 2025-12-20T14:48:04Z

<p>SunKeeper: Replaced content with &quot;/* ok */&quot;</p> <hr /> <div>/* ok */</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=507 2025-12-20T14:41:57Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell&quot;&gt;<br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot; id=&quot;sk-navpad&quot;&gt;<br /> &lt;div class=&quot;nav-pad-inner&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-dpad&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-ud&quot;&gt;<br /> &lt;div class=&quot;nav-btn nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-left&quot;&gt;<br /> &lt;div class=&quot;navcell-desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;div class=&quot;navcell-lore&quot;&gt;{{{lore|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=506 2025-12-20T14:41:06Z

<p>SunKeeper: </p> <hr /> <div>/* Base */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 980px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Text blocks: tighter, smaller, no weird wrapping */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .nav-nearby p,<br /> .navcell-lore p,<br /> .navcell-desc div,<br /> .nav-nearby div,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Inline nav (desktop default) */<br /> <br /> .navcell-ui {<br /> width: 216px;<br /> box-sizing: border-box;<br /> margin: 10px auto 0 auto;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 0 2px;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Gamepad layout inside the nav pad */<br /> <br /> .nav-pad-inner {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 10px;<br /> width: 216px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-dpad {<br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 36px 36px 36px;<br /> gap: 4px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-dpad .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> }<br /> <br /> .nav-ud {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 6px;<br /> }<br /> <br /> .nav-ud .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop wide: keep text and inline nav side by side */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 720px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }<br /> <br /> /* Mobile: make the nav pad fixed at the bottom like a gamepad */<br /> <br /> @media screen and (max-width: 759px) {<br /> body.sk-navpad-on .navcell-ui {<br /> position: fixed;<br /> left: 50%;<br /> bottom: 10px;<br /> transform: translateX(-50%);<br /> z-index: 9999;<br /> <br /> margin: 0;<br /> padding: 8px 10px;<br /> <br /> background: rgba(0, 0, 0, 0.85);<br /> border: 1px solid rgba(255, 255, 255, 0.08);<br /> border-radius: 14px;<br /> box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);<br /> }<br /> <br /> body.sk-navpad-on .navcell {<br /> padding-bottom: 92px;<br /> }<br /> <br /> body.sk-navpad-off .navcell-ui {<br /> display: none;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=504 2025-12-20T14:30:40Z

<p>SunKeeper: </p> <hr /> <div>/* SK: Pin D pad on phones */<br /> <br /> (function () {<br /> function isPhoneWidth() {<br /> return window.matchMedia &amp;&amp; window.matchMedia(&quot;(max-width: 759px)&quot;).matches;<br /> }<br /> <br /> function ensurePinned() {<br /> var dpad = document.getElementById(&quot;sk-dpad&quot;);<br /> if (!dpad) return;<br /> <br /> if (!isPhoneWidth()) {<br /> dpad.style.position = &quot;&quot;;<br /> dpad.style.top = &quot;&quot;;<br /> dpad.style.right = &quot;&quot;;<br /> dpad.style.zIndex = &quot;&quot;;<br /> dpad.style.padding = &quot;&quot;;<br /> dpad.style.borderRadius = &quot;&quot;;<br /> dpad.style.background = &quot;&quot;;<br /> dpad.style.boxShadow = &quot;&quot;;<br /> document.body.style.paddingTop = &quot;&quot;;<br /> return;<br /> }<br /> <br /> dpad.style.position = &quot;fixed&quot;;<br /> dpad.style.top = &quot;96px&quot;;<br /> dpad.style.right = &quot;10px&quot;;<br /> dpad.style.zIndex = &quot;9999&quot;;<br /> dpad.style.padding = &quot;6px&quot;;<br /> dpad.style.borderRadius = &quot;12px&quot;;<br /> dpad.style.background = &quot;rgba(0,0,0,0.35)&quot;;<br /> dpad.style.boxShadow = &quot;0 0 0 1px rgba(255,255,255,0.06)&quot;;<br /> <br /> document.body.style.paddingTop = &quot;190px&quot;;<br /> }<br /> <br /> if (document.readyState === &quot;loading&quot;) {<br /> document.addEventListener(&quot;DOMContentLoaded&quot;, ensurePinned);<br /> } else {<br /> ensurePinned();<br /> }<br /> <br /> window.addEventListener(&quot;resize&quot;, ensurePinned);<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=503 2025-12-20T14:30:14Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell&quot;&gt;<br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot; id=&quot;sk-dpad&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-float-up nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-float-down nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-grid&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-left&quot;&gt;<br /> &lt;div class=&quot;navcell-desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;div class=&quot;navcell-lore&quot;&gt;{{{lore|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=502 2025-12-20T14:29:51Z

<p>SunKeeper: </p> <hr /> <div>/* Compact base layout */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 900px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Compact text blocks */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .nav-nearby p,<br /> .nav-nearby div,<br /> .navcell-lore p,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* D pad cluster (includes UP and DOWN) */<br /> <br /> .navcell-ui {<br /> width: 252px;<br /> height: 146px;<br /> margin: 10px auto 0 auto;<br /> position: relative;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Shared button styling */<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* 3 by 3 grid sits to the right, leaving room for UP on the left and DOWN on the right */<br /> <br /> .nav-grid {<br /> position: absolute;<br /> top: 24px;<br /> left: 56px;<br /> <br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 36px 36px 36px;<br /> gap: 4px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Make the actual clickable D pad buttons slightly wider than tall */<br /> <br /> .nav-grid .nav-btn {<br /> width: 44px;<br /> height: 36px;<br /> }<br /> <br /> .nav-grid .nav-btn a {<br /> padding: 0 2px;<br /> }<br /> <br /> /* Floating UP and DOWN, same size as D pad buttons, and constrained vertically:<br /> UP is not higher than NORTH, DOWN is not lower than SOUTH */<br /> <br /> .nav-float-up {<br /> position: absolute;<br /> top: 24px; /* same as grid top (not higher than NORTH) */<br /> left: 0;<br /> width: 44px;<br /> height: 36px;<br /> font-size: 0.7em;<br /> }<br /> <br /> .nav-float-down {<br /> position: absolute;<br /> top: 104px; /* exactly aligned with SOUTH row (not lower than SOUTH) */<br /> right: 0;<br /> width: 44px;<br /> height: 36px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop layout: D pad to the right of text */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 640px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=501 2025-12-20T14:25:32Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell_wrap&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell_dpad&quot; id=&quot;sk_dpad&quot;&gt;<br /> &lt;div class=&quot;nav_grid&quot;&gt;<br /> &lt;div class=&quot;nav_empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav_btn nav_link_north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav_empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav_btn nav_link_west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav_center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav_btn nav_link_east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav_empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav_btn nav_link_south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav_empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav_ud_row&quot;&gt;<br /> &lt;div class=&quot;nav_btn nav_ud nav_link_up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav_btn nav_ud nav_link_down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell_text&quot;&gt;<br /> &lt;div class=&quot;nav_desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav_nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav_lore&quot;&gt;{{{lore|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=500 2025-12-20T14:23:15Z

<p>SunKeeper: </p> <hr /> <div>/* Compact base layout */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 900px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Compact text blocks */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .nav-nearby p,<br /> .nav-nearby div,<br /> .navcell-lore p,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Compass pad cluster */<br /> <br /> .navcell-ui {<br /> width: 260px;<br /> height: 190px;<br /> margin: 10px auto 0 auto;<br /> position: relative;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* 3 by 3 grid */<br /> <br /> .nav-grid {<br /> position: absolute;<br /> top: 26px;<br /> left: 50px;<br /> <br /> display: grid;<br /> grid-template-columns: 50px 50px 50px;<br /> grid-template-rows: 44px 44px 44px;<br /> gap: 4px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Shared button styling */<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* UP and DOWN as side buttons, same height as the grid rows<br /> UP is not above NORTH<br /> DOWN is not below SOUTH<br /> */<br /> <br /> .nav-float-up {<br /> position: absolute;<br /> top: 26px;<br /> left: 0;<br /> width: 50px;<br /> height: 44px;<br /> padding: 0;<br /> font-size: 0.72em;<br /> }<br /> <br /> .nav-float-down {<br /> position: absolute;<br /> top: 122px;<br /> left: 210px;<br /> width: 50px;<br /> height: 44px;<br /> padding: 0;<br /> font-size: 0.72em;<br /> }<br /> <br /> /* Desktop layout: compass pad to the right of text */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 640px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=MediaWiki:Common.js&diff=497 2025-12-20T14:17:34Z

<p>SunKeeper: Created page with &quot;/* Any JavaScript here will be loaded for all users on every page load. */ /* SK: Pin D pad on phones */ (function () { function isPhoneWidth() { return window.matchMedia &amp;&amp; window.matchMedia(&quot;(max-width: 759px)&quot;).matches; } function ensurePinned() { var dpad = document.getElementById(&quot;sk-dpad&quot;); if (!dpad) return; if (!isPhoneWidth()) { dpad.style.position = &quot;&quot;; dpad.style.top = &quot;&quot;; dpad.style.right = &quot;&quot;; dpad.style.zInde...&quot;</p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* SK: Pin D pad on phones */<br /> <br /> (function () {<br /> function isPhoneWidth() {<br /> return window.matchMedia &amp;&amp; window.matchMedia(&quot;(max-width: 759px)&quot;).matches;<br /> }<br /> <br /> function ensurePinned() {<br /> var dpad = document.getElementById(&quot;sk-dpad&quot;);<br /> if (!dpad) return;<br /> <br /> if (!isPhoneWidth()) {<br /> dpad.style.position = &quot;&quot;;<br /> dpad.style.top = &quot;&quot;;<br /> dpad.style.right = &quot;&quot;;<br /> dpad.style.zIndex = &quot;&quot;;<br /> dpad.style.padding = &quot;&quot;;<br /> dpad.style.borderRadius = &quot;&quot;;<br /> dpad.style.background = &quot;&quot;;<br /> dpad.style.boxShadow = &quot;&quot;;<br /> document.body.style.paddingTop = &quot;&quot;;<br /> return;<br /> }<br /> <br /> dpad.style.position = &quot;fixed&quot;;<br /> dpad.style.top = &quot;110px&quot;;<br /> dpad.style.right = &quot;12px&quot;;<br /> dpad.style.zIndex = &quot;9999&quot;;<br /> dpad.style.padding = &quot;6px&quot;;<br /> dpad.style.borderRadius = &quot;12px&quot;;<br /> dpad.style.background = &quot;rgba(0,0,0,0.35)&quot;;<br /> dpad.style.boxShadow = &quot;0 0 0 1px rgba(255,255,255,0.06)&quot;;<br /> <br /> document.body.style.paddingTop = &quot;220px&quot;;<br /> }<br /> <br /> if (document.readyState === &quot;loading&quot;) {<br /> document.addEventListener(&quot;DOMContentLoaded&quot;, ensurePinned);<br /> } else {<br /> ensurePinned();<br /> }<br /> <br /> window.addEventListener(&quot;resize&quot;, function () {<br /> ensurePinned();<br /> });<br /> })();</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=496 2025-12-20T14:16:35Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell&quot;&gt;<br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot; id=&quot;sk-dpad&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-float-up nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-float-down nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-grid&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-left&quot;&gt;<br /> &lt;div class=&quot;navcell-desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;div class=&quot;navcell-lore&quot;&gt;{{{lore|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=495 2025-12-20T14:16:14Z

<p>SunKeeper: </p> <hr /> <div>/* Compact base layout */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 900px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Compact text blocks */<br /> <br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .nav-nearby p,<br /> .nav-nearby div,<br /> .navcell-lore p,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* D pad cluster */<br /> <br /> .navcell-ui {<br /> width: 180px;<br /> height: 180px;<br /> margin: 10px auto 0 auto;<br /> position: relative;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* 3 by 3 grid sits centered inside the cluster */<br /> <br /> .nav-grid {<br /> position: absolute;<br /> top: 26px;<br /> left: 26px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 4px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Shared button styling */<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Floating UP and DOWN */<br /> <br /> .nav-float-up {<br /> position: absolute;<br /> top: 0;<br /> left: 0;<br /> width: 74px;<br /> height: 40px;<br /> padding: 6px 8px;<br /> font-size: 0.7em;<br /> }<br /> <br /> .nav-float-down {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> width: 74px;<br /> height: 40px;<br /> padding: 6px 8px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop layout: D pad to the right of text */<br /> <br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 640px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 8px;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=494 2025-12-20T14:04:58Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell&quot;&gt;<br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot; id=&quot;sk-dpad&quot;&gt;<br /> &lt;div class=&quot;nav-grid&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-vertical-row&quot;&gt;<br /> &lt;div class=&quot;nav-btn nav-vertical nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-vertical nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-left&quot;&gt;<br /> &lt;div class=&quot;navcell-desc&quot;&gt;{{{desc|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-nearby&quot;&gt;Nearby: {{{nearby|None}}}&lt;/div&gt;<br /> &lt;div class=&quot;navcell-lore&quot;&gt;{{{lore|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=493 2025-12-20T14:04:39Z

<p>SunKeeper: </p> <hr /> <div>/* Compact base layout that TemplateStyles will accept */<br /> <br /> .navcell {<br /> width: 100%;<br /> max-width: 900px;<br /> margin: 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-top {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Compact text blocks */<br /> .navcell-desc,<br /> .nav-nearby,<br /> .navcell-lore {<br /> width: 94%;<br /> margin: 8px auto 0 auto;<br /> padding: 8px 10px;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.12;<br /> <br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> word-break: break-word;<br /> <br /> background: transparent;<br /> border: 1px solid rgba(120, 140, 180, 0.25);<br /> border-radius: 12px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .nav-nearby p,<br /> .nav-nearby div,<br /> .navcell-lore p,<br /> .navcell-lore div {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* D pad */<br /> .navcell-ui {<br /> width: 100%;<br /> margin: 10px auto 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 4px;<br /> justify-content: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> <br /> color: #eee;<br /> text-align: center;<br /> <br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 10px;<br /> margin: 10px 0 0 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 74px;<br /> padding: 6px 8px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Desktop layout: D pad to the right of text */<br /> @media screen and (min-width: 760px) {<br /> .navcell-top {<br /> display: flex;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 16px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> flex: 1 1 auto;<br /> max-width: 640px;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> width: auto;<br /> margin-top: 8px;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=487 2025-12-20T13:53:12Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-left&quot;&gt;<br /> &lt;div class=&quot;navcell-desc&quot;&gt;<br /> {{{desc|}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-nearby&quot;&gt;<br /> Nearby: {{{nearby|None}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-grid&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-vertical-row&quot;&gt;<br /> &lt;div class=&quot;nav-btn nav-vertical nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-vertical nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-lore&quot;&gt;<br /> {{{lore|}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=486 2025-12-20T13:52:52Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 6px;<br /> margin: 0.2em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Layout: left stack (desc + nearby) with dpad on the right when there is room */<br /> .navcell-top {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 6px;<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-left {<br /> width: 100%;<br /> max-width: 640px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Compact, MUD like text block */<br /> .navcell-desc {<br /> width: 94%;<br /> max-width: 640px;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: transparent;<br /> border: none;<br /> border-radius: 0;<br /> <br /> font-size: 0.92em;<br /> line-height: 1.15;<br /> letter-spacing: 0;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }<br /> <br /> .navcell-desc * {<br /> max-width: 100% !important;<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }<br /> <br /> .navcell-desc p,<br /> .navcell-desc div {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Nearby directly under description, also compact */<br /> .nav-nearby {<br /> width: 94%;<br /> max-width: 640px;<br /> margin: 6px 0 0 0;<br /> padding: 0;<br /> <br /> background: transparent;<br /> border: none;<br /> border-radius: 0;<br /> <br /> font-size: 0.88em;<br /> line-height: 1.15;<br /> opacity: 0.95;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }<br /> <br /> .nav-nearby * {<br /> max-width: 100% !important;<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }<br /> <br /> .navcell-ui {<br /> margin: 4px 0 0 0;<br /> padding: 0;<br /> }<br /> <br /> /* D pad */<br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 4px;<br /> justify-content: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> color: #eee;<br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Up and down should be a bit more separated than before */<br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 10px;<br /> margin: 10px 0 0 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 70px;<br /> padding: 6px 8px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Put dpad to the right of (desc + nearby) when the screen can handle it */<br /> @media screen and (min-width: 620px) {<br /> .navcell-top {<br /> flex-direction: row;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 18px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-left {<br /> width: auto;<br /> max-width: 640px;<br /> }<br /> <br /> .navcell-ui {<br /> margin: 0;<br /> }<br /> <br /> .navcell-desc,<br /> .nav-nearby {<br /> width: 100%;<br /> max-width: 640px;<br /> }<br /> }<br /> <br /> /* If the phone is short, tighten vertical spacing further */<br /> @media screen and (max-height: 740px) {<br /> .navcell {<br /> gap: 4px;<br /> }<br /> <br /> .navcell-ui {<br /> margin-top: 2px;<br /> }<br /> <br /> .nav-vertical-row {<br /> margin-top: 8px;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell&diff=480 2025-12-20T13:46:24Z

<p>SunKeeper: </p> <hr /> <div>&lt;templatestyles src=&quot;Template:NavCell/styles.css&quot; /&gt;<br /> <br /> &lt;div class=&quot;navcell&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> <br /> &lt;div class=&quot;navcell-desc&quot;&gt;<br /> {{{desc|}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-ui&quot;&gt;<br /> <br /> &lt;div class=&quot;nav-grid&quot;&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-north&quot;&gt;{{{north|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-btn nav-link-west&quot;&gt;{{{west|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-center&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-east&quot;&gt;{{{east|}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-link-south&quot;&gt;{{{south|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-empty&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-vertical-row&quot;&gt;<br /> &lt;div class=&quot;nav-btn nav-vertical nav-link-up&quot;&gt;{{{up|}}}&lt;/div&gt;<br /> &lt;div class=&quot;nav-btn nav-vertical nav-link-down&quot;&gt;{{{down|}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;nav-nearby&quot;&gt;<br /> Nearby: {{{nearby|None}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;navcell-lore&quot;&gt;<br /> {{{lore|}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=479 2025-12-20T13:44:09Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 2px;<br /> margin: 0.4em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* This wrapper must exist in your template:<br /> &lt;div class=&quot;navcell-top&quot;&gt;<br /> &lt;div class=&quot;navcell-desc&quot;&gt;...&lt;/div&gt;<br /> &lt;div class=&quot;navcell-ui&quot;&gt;...&lt;/div&gt;<br /> &lt;/div&gt;<br /> */<br /> .navcell-top {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 10px;<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Side by side when the screen is wide enough */<br /> @media screen and (min-width: 560px) {<br /> .navcell-top {<br /> flex-direction: row;<br /> align-items: flex-start;<br /> justify-content: center;<br /> gap: 18px;<br /> padding: 0 10px;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 420px;<br /> max-width: 560px;<br /> margin: 0;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin: 0;<br /> }<br /> }<br /> <br /> /* Description box must wrap, never scroll sideways */<br /> .navcell-desc {<br /> width: 94%;<br /> max-width: 560px;<br /> margin: 0;<br /> padding: 10px 14px;<br /> box-sizing: border-box;<br /> <br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-desc * {<br /> max-width: 100% !important;<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }<br /> <br /> .navcell-desc pre,<br /> .navcell-desc code,<br /> .navcell-desc tt {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .navcell-desc span {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .navcell-ui {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 4px;<br /> justify-content: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> color: #eee;<br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 6px;<br /> margin: 2px 0 2px 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 68px;<br /> padding: 4px 6px;<br /> font-size: 0.7em;<br /> }<br /> <br /> .nav-nearby {<br /> width: 94%;<br /> max-width: 560px;<br /> margin: 2px 0 0 0;<br /> padding: 8px 12px;<br /> text-align: center;<br /> opacity: 0.9;<br /> box-sizing: border-box;<br /> <br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .nav-nearby * {<br /> max-width: 100% !important;<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=361 2025-12-20T05:04:27Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 2px;<br /> margin: 0.4em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-desc {<br /> width: 94%;<br /> max-width: 560px;<br /> margin: 0 0 2px 0;<br /> padding: 10px 14px;<br /> box-sizing: border-box;<br /> <br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> /* Nuke any inner element that is forcing a scroll bar */<br /> .navcell-desc * {<br /> max-width: 100% !important;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> <br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }<br /> <br /> /* Specifically kill pre and code behavior if any slips in */<br /> .navcell-desc pre,<br /> .navcell-desc code,<br /> .navcell-desc tt {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove default margins that can create weird spacing */<br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .navcell-desc span {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .navcell-ui {<br /> margin: 2px 0 2px 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 4px;<br /> justify-content: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> color: #eee;<br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 6px;<br /> margin: 2px 0 2px 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 68px;<br /> padding: 4px 6px;<br /> font-size: 0.7em;<br /> }<br /> <br /> .nav-nearby {<br /> width: 94%;<br /> max-width: 560px;<br /> margin: 2px 0 0 0;<br /> padding: 8px 12px;<br /> text-align: center;<br /> opacity: 0.9;<br /> box-sizing: border-box;<br /> <br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .nav-nearby * {<br /> max-width: 100% !important;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> <br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=360 2025-12-20T05:01:47Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 2px;<br /> margin: 0.4em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Description box must wrap, never scroll sideways */<br /> .navcell-desc {<br /> width: 94%;<br /> max-width: 560px;<br /> margin: 0 0 2px 0;<br /> padding: 10px 14px;<br /> box-sizing: border-box;<br /> <br /> display: block !important;<br /> overflow-x: hidden !important;<br /> <br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> /* Hit the parser output and common children */<br /> .navcell-desc,<br /> .navcell-desc .mw-parser-output,<br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .navcell-desc span,<br /> .navcell-desc a {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> max-width: 100% !important;<br /> }<br /> <br /> /* Kill margins that create fake space */<br /> .navcell-desc .mw-parser-output,<br /> .navcell-desc p,<br /> .navcell-desc div {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .navcell-ui {<br /> margin: 2px 0 2px 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 4px;<br /> justify-content: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> color: #eee;<br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 6px;<br /> margin: 2px 0 2px 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 68px;<br /> padding: 4px 6px;<br /> font-size: 0.7em;<br /> }<br /> <br /> .nav-nearby {<br /> width: 94%;<br /> max-width: 560px;<br /> margin: 2px 0 0 0;<br /> padding: 8px 12px;<br /> text-align: center;<br /> opacity: 0.9;<br /> box-sizing: border-box;<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=359 2025-12-20T04:58:34Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 2px;<br /> margin: 0.4em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Description block */<br /> .navcell-desc {<br /> width: 100%;<br /> max-width: 560px;<br /> margin: 0 0 2px 0;<br /> padding: 10px 14px;<br /> box-sizing: border-box;<br /> <br /> white-space: normal !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> /* Kill hidden margins inside description text */<br /> .navcell-desc p,<br /> .navcell-desc div,<br /> .navcell-desc span {<br /> margin: 0;<br /> padding: 0;<br /> white-space: normal !important;<br /> }<br /> <br /> /* Compass container */<br /> .navcell-ui {<br /> margin: 2px 0 2px 0;<br /> padding: 0;<br /> }<br /> <br /> /* 3x3 compass grid */<br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 4px;<br /> justify-content: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Buttons */<br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 7px;<br /> color: #eee;<br /> font-size: 0.72em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty,<br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> /* Up / Down row */<br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 6px;<br /> margin: 2px 0 2px 0;<br /> padding: 0;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 68px;<br /> padding: 4px 6px;<br /> font-size: 0.7em;<br /> }<br /> <br /> /* Nearby box */<br /> .nav-nearby {<br /> margin: 2px 0 0 0;<br /> padding: 8px 12px;<br /> text-align: center;<br /> opacity: 0.9;<br /> }<br /> <br /> /* Mobile hard clamp */<br /> @media (max-width: 600px) {<br /> .navcell {<br /> gap: 2px;<br /> }<br /> <br /> .navcell-desc {<br /> margin-bottom: 2px;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=358 2025-12-20T04:56:59Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> gap: 6px;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> margin: 0.6em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> }<br /> <br /> .navcell-layout-right {<br /> flex-direction: row;<br /> }<br /> <br /> .navcell-layout-left {<br /> flex-direction: row-reverse;<br /> }<br /> <br /> /* Description box must always wrap, never scroll sideways */<br /> .navcell-desc {<br /> flex: 1 1 100%;<br /> max-width: 560px;<br /> margin-bottom: 2px;<br /> box-sizing: border-box;<br /> <br /> white-space: normal !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-desc * {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> max-width: 100% !important;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 0;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 42px 42px 42px;<br /> grid-template-rows: 42px 42px 42px;<br /> gap: 6px;<br /> justify-content: center;<br /> margin-bottom: 4px;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 8px;<br /> color: #eee;<br /> font-size: 0.75em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 8px;<br /> margin-bottom: 4px;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 72px;<br /> padding: 5px 8px;<br /> font-size: 0.74em;<br /> }<br /> <br /> .nav-nearby {<br /> text-align: center;<br /> opacity: 0.9;<br /> margin-top: 2px;<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=357 2025-12-20T04:54:20Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> gap: 10px;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> margin: 1em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> }<br /> <br /> .navcell-layout-right {<br /> flex-direction: row;<br /> }<br /> <br /> .navcell-layout-left {<br /> flex-direction: row-reverse;<br /> }<br /> <br /> /* Description box must always wrap, never scroll sideways */<br /> .navcell-desc {<br /> flex: 1 1 100%;<br /> max-width: 560px;<br /> margin-bottom: 6px;<br /> box-sizing: border-box;<br /> <br /> white-space: normal !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-desc * {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> max-width: 100% !important;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 4px;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 42px 42px 42px;<br /> grid-template-rows: 42px 42px 42px;<br /> gap: 6px;<br /> justify-content: center;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 8px;<br /> color: #eee;<br /> font-size: 0.75em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 8px;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 72px;<br /> padding: 5px 8px;<br /> font-size: 0.74em;<br /> }<br /> <br /> .nav-nearby {<br /> text-align: center;<br /> opacity: 0.9;<br /> margin-top: 4px;<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=356 2025-12-20T04:52:43Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> gap: 10px;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> margin: 1em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> }<br /> <br /> .navcell-layout-right {<br /> flex-direction: row;<br /> }<br /> <br /> .navcell-layout-left {<br /> flex-direction: row-reverse;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 100%;<br /> max-width: 560px;<br /> margin-bottom: 6px;<br /> box-sizing: border-box;<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 4px;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 42px 42px 42px;<br /> grid-template-rows: 42px 42px 42px;<br /> gap: 6px;<br /> justify-content: center;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 8px;<br /> color: #eee;<br /> font-size: 0.75em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 8px;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 72px;<br /> padding: 5px 8px;<br /> font-size: 0.74em;<br /> }<br /> <br /> .nav-nearby {<br /> text-align: center;<br /> opacity: 0.9;<br /> margin-top: 4px;<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=355 2025-12-20T04:49:21Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> gap: 18px;<br /> align-items: flex-start;<br /> flex-wrap: wrap;<br /> margin: 1.2em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-layout-right {<br /> flex-direction: row;<br /> }<br /> <br /> .navcell-layout-left {<br /> flex-direction: row-reverse;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 300px;<br /> min-width: 240px;<br /> max-width: 520px;<br /> width: 100%;<br /> box-sizing: border-box;<br /> white-space: normal !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-desc * {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 44px 44px 44px;<br /> gap: 8px;<br /> justify-content: center;<br /> margin-bottom: 0.8em;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 8px;<br /> color: #eee;<br /> font-size: 0.78em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 10px;<br /> margin-bottom: 0.8em;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 84px;<br /> padding: 6px 10px;<br /> font-size: 0.8em;<br /> }<br /> <br /> .nav-nearby {<br /> text-align: center;<br /> opacity: 0.9;<br /> }<br /> <br /> /* Phones: stack and center so nothing can clip offscreen */<br /> @media (max-width: 720px) {<br /> .navcell {<br /> justify-content: center;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 100%;<br /> min-width: 0;<br /> max-width: 100%;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> margin-top: 10px;<br /> }<br /> <br /> .nav-grid {<br /> grid-template-columns: 40px 40px 40px;<br /> grid-template-rows: 40px 40px 40px;<br /> gap: 7px;<br /> }<br /> <br /> .nav-btn {<br /> font-size: 0.72em;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 78px;<br /> font-size: 0.74em;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=354 2025-12-20T04:47:22Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> gap: 18px;<br /> align-items: flex-start;<br /> flex-wrap: wrap;<br /> margin: 1.2em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> <br /> padding-left: 16px;<br /> padding-right: 16px;<br /> }<br /> <br /> .navcell-layout-right {<br /> flex-direction: row;<br /> }<br /> <br /> .navcell-layout-left {<br /> flex-direction: row-reverse;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 300px;<br /> min-width: 240px;<br /> max-width: 520px;<br /> width: 100%;<br /> box-sizing: border-box;<br /> white-space: normal !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-desc * {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 44px 44px 44px;<br /> gap: 8px;<br /> justify-content: center;<br /> margin-bottom: 0.8em;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 8px;<br /> color: #eee;<br /> font-size: 0.78em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 10px;<br /> margin-bottom: 0.8em;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 84px;<br /> padding: 6px 10px;<br /> font-size: 0.8em;<br /> }<br /> <br /> .nav-nearby {<br /> text-align: center;<br /> opacity: 0.9;<br /> }<br /> <br /> @media (max-width: 720px) {<br /> .navcell {<br /> flex-wrap: nowrap;<br /> gap: 10px;<br /> justify-content: space-between;<br /> align-items: flex-start;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 auto;<br /> min-width: 0;<br /> max-width: none;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 150px;<br /> }<br /> <br /> .nav-grid {<br /> grid-template-columns: 38px 38px 38px;<br /> grid-template-rows: 38px 38px 38px;<br /> gap: 7px;<br /> }<br /> <br /> .nav-btn {<br /> font-size: 0.72em;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 70px;<br /> font-size: 0.74em;<br /> }<br /> }<br /> <br /> @media (max-width: 480px) {<br /> .navcell {<br /> flex-wrap: wrap;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 100%;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Template:NavCell/styles.css&diff=353 2025-12-20T04:42:09Z

<p>SunKeeper: </p> <hr /> <div>.navcell {<br /> display: flex;<br /> gap: 18px;<br /> align-items: flex-start;<br /> flex-wrap: wrap;<br /> margin: 1.2em 0;<br /> max-width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> .navcell-layout-right {<br /> flex-direction: row;<br /> }<br /> <br /> .navcell-layout-left {<br /> flex-direction: row-reverse;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 300px;<br /> min-width: 240px;<br /> max-width: 520px;<br /> width: 100%;<br /> box-sizing: border-box;<br /> white-space: normal !important;<br /> overflow-x: hidden !important;<br /> overflow-y: visible !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-desc * {<br /> white-space: normal !important;<br /> overflow-wrap: anywhere !important;<br /> word-break: break-word !important;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-grid {<br /> display: grid;<br /> grid-template-columns: 44px 44px 44px;<br /> grid-template-rows: 44px 44px 44px;<br /> gap: 8px;<br /> justify-content: center;<br /> margin-bottom: 0.8em;<br /> }<br /> <br /> .nav-btn {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: #222;<br /> border: 1px solid #444;<br /> border-radius: 8px;<br /> color: #eee;<br /> font-size: 0.78em;<br /> line-height: 1.05em;<br /> text-align: center;<br /> box-sizing: border-box;<br /> }<br /> <br /> .nav-btn a {<br /> color: inherit;<br /> text-decoration: none;<br /> width: 100%;<br /> height: 100%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .nav-btn:hover {<br /> background: #333;<br /> border-color: #777;<br /> }<br /> <br /> .nav-empty {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-center {<br /> background: transparent;<br /> border: none;<br /> }<br /> <br /> .nav-vertical-row {<br /> display: flex;<br /> justify-content: center;<br /> gap: 10px;<br /> margin-bottom: 0.8em;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 84px;<br /> padding: 6px 10px;<br /> font-size: 0.8em;<br /> }<br /> <br /> .nav-nearby {<br /> text-align: center;<br /> opacity: 0.9;<br /> }<br /> <br /> /* Medium phones and tablets: keep side by side, shrink controls a bit */<br /> @media (max-width: 720px) {<br /> .navcell {<br /> flex-wrap: nowrap;<br /> gap: 10px;<br /> justify-content: space-between;<br /> align-items: flex-start;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 auto;<br /> min-width: 0;<br /> max-width: none;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 150px;<br /> }<br /> <br /> .nav-grid {<br /> grid-template-columns: 38px 38px 38px;<br /> grid-template-rows: 38px 38px 38px;<br /> gap: 7px;<br /> }<br /> <br /> .nav-btn {<br /> font-size: 0.72em;<br /> }<br /> <br /> .nav-vertical {<br /> min-width: 70px;<br /> font-size: 0.74em;<br /> }<br /> }<br /> <br /> /* Very small phones: stack so description never disappears */<br /> @media (max-width: 480px) {<br /> .navcell {<br /> flex-wrap: wrap;<br /> }<br /> <br /> .navcell-desc {<br /> flex: 1 1 100%;<br /> }<br /> <br /> .navcell-ui {<br /> flex: 0 0 auto;<br /> }<br /> }</div>

SunKeeper https://keeperverse.com/index.php?title=Nav:AURHAYIS/Entry&diff=352 2025-12-20T04:30:14Z

<p>SunKeeper: </p> <hr /> <div>{{NavCell<br /> |layout=right<br /> |title=AURHAYIS – Entry<br /> |desc=Light and space blur together here, forming a calm, floating expanse with no clear ground. Crystalline shapes drift in slow orbit, emitting soft harmonic tones. Distant, semi formed beings move along unseen paths, aware of you without reacting.<br /> |north=<br /> |south=<br /> |west=<br /> |east=[[Nav:AURHAYIS/Palace|MOVE&lt;br&gt;EAST]]<br /> |up=<br /> |down=[[Nav:Keephall/Central|MOVE&lt;br&gt;DOWN]]<br /> |nearby=incarnation dais, harmonic lattice, observation veil<br /> }}</div>

SunKeeper https://keeperverse.com/index.php?title=Nav:Trinet/Entry&diff=351 2025-12-20T04:09:32Z

<p>SunKeeper: Created page with &quot;{{NavCell |layout=right |title=Trinet – Entry |desc= |north=MOVE&lt;br&gt;NORTH |south= |west= |east= |up= |down= |nearby=None }}&quot;</p> <hr /> <div>{{NavCell<br /> |layout=right<br /> |title=Trinet – Entry<br /> |desc=<br /> |north=[[Nav:Keephall/South|MOVE&lt;br&gt;NORTH]]<br /> |south=<br /> |west=<br /> |east=<br /> |up=<br /> |down=<br /> |nearby=None<br /> }}</div>

SunKeeper