Tema Beyond the Maze

@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/1);
 
:root {
    --header-logo: var(--logo);
    --logo: url('https://imgur.com/80G4X6H.png');
 
    --header-title: var(--title);
    --header-subtitle: var(--subtitle);
    --title: "Backrooms";
    --subtitle: "Beyond the Maze";
 
    --white-monochrome: var(--basalt-primary-color);
    --pale-gray-monochrome: var(--basalt-secondary-color);
    --light-pale-gray-monochrome: var(--basalt-secondary-color);
    --very-light-gray-monochrome:var(--basalt-tertiary-color);
    --light-gray-monochrome: var(--general-border-color);
    --gray-monochrome: var(--basalt-UI-dark-palette);
    --dark-gray-monochrome: var(--basalt-main-text-color);
    --black-monochrome: var(--basalt-overtone);
    --pale-accent: 230, 23, 68;
    --bright-accent: var(--basalt-undertone);
    --medium-accent: var(--basalt-bright-element-color);
    --dark-accent: var(--general-border-color);
    --alt-accent: 221, 102, 17;
 
    --header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
    --header-text-shadow-hover: 0px 5px 3px rgba(0,0,0,0.3);
    --quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25);
    --footer-message: var(--header-subtitle);
 
    --swatch-secondary-color: var(--white-monochrome);
    --swatch-menubg-color: var(--white-monochrome);
    --rating-module-bg-color: var(--swatch-menubg-color);
    --swatch-sidebar-collapsible-tab-bg: var(--swatch-primary-darkest);
    --swatch-topmenu-bg-color: var(--gray-monochrome);
    --swatch-topmenu-border-color: var(--swatch-topmenu-bg-color);
 
    --modal-bg: var(--swatch-secondary-color);
    --modal-body-text: var(--swatch-text-tertiary-color);
    --modal-body-header-txt: var(--swatch-text-tertiary-color); /* h1/h2/h3/h4/h5/h6 */
 
    --modal-header-bg: var(--swatch-primary-darkest);
    --modal-header-txt: var(--swatch-text-secondary-color);
    --modal-header-stripe: var(--swatch-primary);
 
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
 
    --swatch-secondary-color: var(--swatch-menubg-light-color);
    --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);
    --swatch-primary-darkest: var(--dark-accent);
    --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
    --swatch-primary: var(--bright-accent);
 
    --memo-warning-logo: url(https://imgur.com/pkLWYGG.png);
    --memo-warning-color: 255, 243, 173;
}
 
#main-content .page-tags span::before { content: "LABEL"; }
form#edit-page-form>table.form::before { content: "Judul"; }
div.raisa_memo, div.classification_memo, div.ettra_memo, div.ethics_memo, div.temporal_memo, div.overwatch_memo, div.miscomm_memo { --memo-heading: "PEMBERITAHUAN DARI ADMINISTRASI KEAMANAN CATATAN DAN INFORMASI"; }
 
/* Div Boxes */
.darkblock {
    color: rgb(var(--basalt-primary-color));
    background: rgb(var(--basalt-main-text-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
.lightblock {
    color: rgb(var(--basalt-overtone));
    background: rgb(var(--basalt-primary-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
/* Div Quotes */
.quote {
    color: rgb(var(--basalt-overtone));
    background: rgb(var(--basalt-primary-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border: 2px solid rgb(var(--basalt-undertone));
}
 
.styled-quote {
    color: rgb(var(--basalt-overtone));
    background: rgb(var(--basalt-primary-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--basalt-main-text-color));
}
.dark-styled-quote, .dark-quote {
    color: rgb(var(--basalt-primary-color));
    background: rgb(var(--basalt-UI-dark-palette));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--basalt-main-text-color));
}
 
/* Title Blocks */
.titleblock {
    background-color: rgb(var(--basalt-primary-color));
    color: rgb(var(--basalt-overtone));
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
    border: solid rgb(var(--basalt-main-text-color)) 2px;
}
 
.titlebox {
    color: rgb(var(--basalt-primary-color));
    position: relative;
    top: -1.6rem;
    background-color: rgb(var(--basalt-main-text-color));
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
}
 
.dark-titleblock {
    background-color: rgb(var(--basalt-main-text-color));
    color: rgb(var(--basalt-primary-color));
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
    border: solid rgb(var(--general-border-color)) 2px;
}
 
.dark-titlebox {
    color: rgb(var(--basalt-overtone));
    position: relative;
    top: -1.6rem;
    background-color: rgb(var(--general-border-color));
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
}
 
/* Modification Memos */
div.warning {
    background: var(--memo-warning-logo) rgba(255, 243, 173, 1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 4rem;
    margin-inline: auto;
    margin-block: 2rem;
    padding-inline: 20px;
    padding-block: 10px;
    border: solid 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
 
div.warning::before {
    content: "PERINGATAN KONTEN SENSITIF";
    font-family: var(--UI-font);
    font-weight: 900;
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 1rem auto;
    display: flex;
    flex-direction: column;
    padding-top: 0.5em;
}
 
/* Lang Switch */
.lang-switch a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--UI-font-primary) !important;
    border: 0.2em solid rgb(var(--basalt-UI-dark-palette)) !important;
    border-radius: 100%;
    background-color: rgb(var(--basalt-tertiary-color)) !important;
    color: rgb(var(--basalt-main-text-color)) !important;
}
 
/* Rating Info Box */
div.rate-box-with-credit-button .creditButton>p>a::before {
    background-color: rgb(var(--basalt-tertiary-color)) !important;
}
 
.infobox-title {
    background-color: rgb(var(--basalt-dark-element-color)) !important;
}

@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/2);
 
:root {
    --logo: url(https://imgur.com/SbpUfZe.png);
    --memo-warning-logo: url(https://imgur.com/C594vSL.png);
    --quote-shadow: 0 0 4px rgba(var(--basalt-overtone), 0.20);
 
    --white-monochrome: var(--basalt-main-text-color);
    --pale-gray-monochrome: var(--basalt-secondary-color);
    --light-pale-gray-monochrome: var(--basalt-secondary-color);
    --very-light-gray-monochrome:var(--basalt-tertiary-color);
    --light-gray-monochrome: var(--general-border-color);
    --gray-monochrome: var(--basalt-UI-dark-palette);
    --dark-gray-monochrome: var(--basalt-main-text-color);
    --black-monochrome: var(--basalt-overtone);
    --pale-accent: 230, 23, 68;
    --bright-accent: var(--basalt-undertone);
    --medium-accent: var(--basalt-bright-element-color);
    --dark-accent: var(--basalt-overtone);
    --alt-accent: 221, 102, 17;
}
 
/* Div Boxes */
.darkblock {
    color: rgb(var(--basalt-overtone));
    background: rgb(var(--basalt-primary-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border: 1px solid rgb(var(--basalt-main-text-color));
}
.lightblock {
    color: rgb(var(--basalt-primary-color));
    background: rgb(var(--basalt-main-text-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
/* Div Quotes */
.styled-quote {
    color: rgb(var(--basalt-overtone));
    background: rgb(var(--basalt-UI-dark-palette));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--basalt-undertone));
}
.dark-styled-quote, .dark-quote {
    color: rgb(var(--basalt-overtone));
    background: rgb(var(--basalt-primary-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--basalt-undertone));
}
 
/* Title Blocks */
.titleblock {
    background-color: rgb(var(--basalt-primary-color));
    color: rgb(var(--basalt-overtone));
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
    border: solid rgb(var(--basalt-main-text-color)) 2px;
}
 
.titlebox {
    color: rgb(var(--basalt-primary-color));
    position: relative;
    top: -1.6rem;
    background-color: rgb(var(--basalt-main-text-color));
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
}
 
.dark-titleblock {
    background-color: rgb(var(--basalt-main-text-color));
    color: rgb(var(--basalt-primary-color));
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
    border: solid rgb(var(--general-border-color)) 2px;
}
 
.dark-titlebox {
    color: rgb(var(--basalt-overtone));
    position: relative;
    top: -1.6rem;
    background-color: rgb(var(--general-border-color));
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
}
 
/* SD-CLASS */
.bottom-box ul li { color: rgb(var(--basalt-main-text-color)) !important; }
 
/* Modification Memos */
div.warning {
    background: var(--memo-warning-logo) rgba(26, 26, 28, 1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    border: solid 2px rgba(var(--memo-warning-color), 1);
}
 
div.warning::before {
    color: rgb(var(--memo-warning-color));
}
 
/* Rating Info Box */
.infobox { color: rgb(var(--basalt-main-text-color)) !important; }

#page-title {
    display: none !important;
}

#page-title,
.meta-title,
#breadcrumbs,
.pseudocrumbs {
    text-align: center;
}
 
.pseudocrumbs {
    justify-content: center;
}

.top-left-box>.item {
    display: none;
}

:root {
    --main-content-width: 70rem;
    --posX: 4vw;
}
 
#page-content div.modal {
    max-width: 100%;
}

Di halaman mana saja:
[[include :id-backrooms-wiki:theme:btm]]

Informasi

Tema BTM (beyond the maze) pada halaman ini adalah hasil modifikasi ringan dari tema Basalt buatan Liryn dan Placeholder McD dari SCP Wiki yang dimodifikasi oleh Gyess untuk artikel terkait Beyond The Maze, seri Backrooms Indonesia ciptaan lemme. Proses pemodifikasian tema ini (dari tema asalnya) berdasarkan arahan lemme.

Dengan ini sebagian besar komponen dan kelas div (atau elemen) yang dibuat di bawah tema Basalt atau dibuat di bawah tema bawaan yang dipakai di situs SCP Wiki seharusnya berfungsi dengan baik jika dipakai di tema ini. Jika tidak, laporkan kepada Gyess untuk sedikit penyesuaian.

Tema ini dilisensikan di bawah CC BY-SA 3.0, begitu juga dengan logo tema pada tajuk yang dibuat oleh lemme

Pengaturan Tema

Tambahkan pengaturan tema ke modul [[include]] milikmu untuk memodifikasi aspek Basalt.

[[include :id-backrooms-wiki:theme:btm themesetting]]

[[include :id-backrooms-wiki:theme:btm themesetting|another-themesetting]]

Semua pengaturan tema pada versi saat ini:

• darkmode=a Menerapkan mode gelap
• wide=a Memperlebar halaman
• hidetitle=a Menghapus judul halaman
• centertitle=a Membuat judul halaman di tengah
• acs-itemnum=a Mengembalikan teks "ITEM#:" pada ACS
• disable-acs-anim=a Menonaktifkan komponen Animasi ACS

---

Tampilan yang Disesuaikan

---

Info

[[include :id-backrooms-wiki:component:open]]
Tulis kontennya di sini.
[[include :id-backrooms-wiki:component:close]]

Tutup

⚠️ Peringatan Konten ⤴

Info

[[include :id-backrooms-wiki:component:open cw=1]]
Tulis kontennya di sini.
[[include :id-backrooms-wiki:component:close]]

Tutup

[[div class="warning"]]

+ Lebih banyak memo

Dengan ikon buatan EstrellaYoshte (lihat di sini)

[[div class="raisa_memo"]]

[[div class="classification_memo"]]

[[div class="ettra_memo"]]

[[div class="ethics_memo"]]

[[div class="temporal_memo"]]

[[div class="overwatch_memo"]]

[[div class="miscomm_memo"]]

[[div class="quote"]]

[[div class="darkblock"]]

[[div class="dark-styled-quote"]] atau [[div class="dark-quote"]]

[[div class="lightblock"]]

[[div class="styled-quote"]]

MASUKAN TEKS
[[div class="titleblock"]]
[[span class="titlebox"]]MASUKAN TEKS[[/span]]

[[/div]]

MASUKAN TEKS
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]MASUKAN TEKS[[/span]]

[[/div]]