Two Worlds Wiki:Sandbox

A sandbox is a page which allows user to carry out experiments on a wiki without disrupting the normal editing of existing pages. Do not store important information on this page.

/* CSS placed here will be applied to all skins */

root {

--TwoWorldsWiki-primary-color: #D2DDE3; --TwoWorldsWiki-secondary-color: #5BB2FF; --TwoWorldsWiki-tertiary-color: #21285A; --TwoWorldsWiki-border-color: #275178; }

.TwoWorldsWiki, .templateTheme { border: 3px solid var(--TwoWorldsWiki-border-color); background-color: var(--TwoWorldsWiki-tertiary-color); }

.TwoWorldsWiki th, .templatePrimary { background-color: var(--TwoWorldsWiki-secondary-color); }

.TwoWorldsWiki td, .templateSecondary { background-color: var(--TwoWorldsWiki-primary-color); }

/* Site sub / Tagline settings */

1. siteSub {

display: block; text-align: center; font-size: calc(1em * 0.9); }

body.page-Mystery_Dungeon_Franchise_Wiki.action-view #siteSub, body.page-Mystery_Dungeon_Franchise_Wiki.action-submit #siteSub { display: none; }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; }

/* This governs the page/section title placement */ h1, h2, h3, h4, h5, h6 { text-align: center }

/* Template documentation styles If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0 auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; padding: 1em; }

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */ .desktopleft { text-align: left; }

.desktopcenter { text-align: center; }

.desktopright { text-align: right; }

/* This CSS governs the responsive 2 column main page layout */

1. fp-container {

display: grid; grid-template-areas: "a" "b" "c"; grid-template-columns: 100%; }

1. fp-container main .columns .leftcol,
2. fp-container .columns .rightcol {

width: 100%; margin: 0; padding: 0; }

.fp-section { display: flex; flex-wrap: wrap; }

1. fp-top {

grid-template-areas: a; }

1. fp-flex {

grid-template-areas: b; }

1. fp-bottom {

grid-template-areas: c; }

/* Misc */

/* Main page */ .mainPageHeader { color: black; font-size: 160%; text-shadow: 0.3rem 0.3rem 0.3rem #0000004D; }

.mainPageBody { background-color: var(--TwoWorldsWiki-secondary-color); }

.mainPageFooter { font-size: 80%; padding: 0.5rem 0.4rem; }

.mainPageFlex { display: flex; }

.mainPageDiv { padding: 0.25rem; border: 5px solid var(--TwoWorldsWiki-border-color); background-color: var(--TwoWorldsWiki-primary-color); margin: 0.5rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 1); }

.mainPageContent { font-weight: bold; text-align: center; color: black; background-color: var(--TwoWorldsWiki-secondary-color); font-size: 120%; border: 2px solid var(--TwoWorldsWiki-border-color); padding: 0.5rem 0.4rem; margin-bottom: 0.5rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }

.mainPageContent > a, .mainPageFooter > a, .versiondiv > div > a { color: black; text-decoration: underline; }

.versiondiv { background-color: var(--TwoWorldsWiki-secondary-color); border: solid 2px var(--TwoWorldsWiki-border-color); padding: 0.5rem; font-weight: normal; font-size: 80%; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }

.niwa { display: flex; flex-flow: column wrap; align-items: center; justify-content: flex-start; width: 75%; margin: auto; text-align: center; }

/* End Main page */

.explain { text-decoration: underline dotted; }

/* If you want the tabs to be centered rather than left-justified with respect to the tab content */ .tabber__header { align-items: center; }

.tabber__indicator { align-self: stretch; }

/* External links logos */

1. content a[href^="https://www.youtube.com/"].external

{ background: url("https://upload.wikimedia.org/wikipedia/commons/0/09/YouTube_full-color_icon_%282017%29.svg") center right no-repeat; background-size: 16px; padding-right: 18px; }

1. content a[href^="https://twitter.com/"].external

{ background: url("https://upload.wikimedia.org/wikipedia/commons/c/ce/X_logo_2023.svg") center right no-repeat; background-size: 16px; padding-right: 18px; }

1. content a[href^="https://www.reddit.com/"].external

{ background: url("https://upload.wikimedia.org/wikipedia/commons/1/14/Ionicons_logo-reddit.svg") center right no-repeat; background-size: 16px; padding-right: 18px; }

/* hide potentially sensitive data on file pages */

1. mw_metadata .exif-gpslatitude,
2. mw_metadata .exif-gpslongitude,
3. mw_metadata .exif-artist {

 display: none;

}

/* Sidebar Separator */

1. n- {

background: #a2a9b1; font-size: 2px; margin: 2.2em 0; }

/* Discord */

1. n-Discord a {

background: url(https://discord.com/api/guilds/502973274125238284/embed.png) no-repeat; color: transparent !important; display: inline-block; height: 20px; width: 110px; }

@media screen and (max-width: 550px) { .mainPageFlex { flex-flow: row wrap; }

.mainPageDiv, .niwa { width: -webkit-fill-available!important; } }

@media screen and (min-width: 650px) { #fp-container .columns .leftcol { float: left; width: 50%; }

#fp-container .columns .rightcol { float: right; width: 50%; } }

@media screen and (min-width: 990px) { #fp-container { grid-template-areas: "a b" "c c"; grid-template-columns: 50% 50%; } }

@media screen and (max-width: 1023px) { .mainPageAbout { max-height: 100vh; overflow-y: scroll; } }

@media screen and (min-width: 1350px) { #fp-container { grid-template-areas: "a b" "c b"; grid-template-columns: auto 520px; } }

@media screen and (max-width: 1439px) { .mainPageDiv { padding: 0.5rem; } }