Sentral

---

Version 4 Beta

---

Tema ini dibuat oleh Gyess dan dapat digunakan secara bebas untuk halaman sentral/panduan orisinal, ataupun artikel yang berhubungan dengan KPU. Jika kamu menemukan bug pada tema, mohon untuk menghubungiku melalui kontak Wikidot atau server Backrooms Indonesia. Gunakan kode di bawah untuk penerapan:

[[include :id-backrooms-oversight:theme:sentral]]

---

Bisa Dilipat

+ GEDE BANGET

++ Gede

+++ Lumayan gede

++++ Biasa aja

+++++ agak kecil

++++++ tuyul

^Superscript dan _Subscript bahkan lebih kecil lagi!

---

Maskot cabang kita! Dibuat oleh lemme.

Garis Horizontal dapat dibuat dengan lima tanda hubung "-----" atau lebih jika ditaruh di dalam satu baris kosong. Hal ini berguna untuk memisahkan sesuatu.

Sementara @@ @@ dapat membuat baris kosong.

Tab Pertama

Ini adalah wujud dari Tab!

Tab Kedua

Tulis apa pun yang kamu mau di sini!

Tab Ketiga

Lebih banyak tulisan yang kamu inginkan!

Tab Keempat (dengan tombol yang panjang)

Aku adalah Biji!

Tab Kelima

Kau tahu rahasia para Staf? Mereka telah membangun sekte penyembah paha Shina! /j

Tab Keenam

Nofa merupakan penggemar nomor satu dari Shina! Tidak ada yang dapat menyainginya walau itu Staf sekalipun!

Tab Ketujuh

Shinael adalah makhluk paling wangy-wangy di dunia! Bahkan tema ini menggunakan warna dasar dari warna kesukaannya, yakni #900000. Apa aku akan merubah tema ini menjadi "Tema Shinyot" /j :3

Tab Kedelapan

Pembuat tema ini sedari dulu telah merestui hubungan Shina dengan Nofa, semoga langgeng!

---

Ini adalah Lapisan Blok Kutipan! Dibuat dengan cara meletakkan "> " di setiap baris.

---

Kamu bisa meletakkan Blok Kutipan di dalam Blok Kutipan!

Ini adalah lapisan kedua!

Ini lapisan ketiga dan seterusnya!

---

Judul Tabel Pertama	Judul Tabel Kedua
Isi Tabel Pertama	Isi Tabel Kedua
Dan Seterusnya~

---

Umum

[[div class="quote"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

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

[[/div]]

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

[[/div]]

---

Blok Judul

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]]

---

Shina Imut!!! DIVS

Catatan: kode dan gambar "With Shina" bersumber dari Ambersight. Sumpah ini lucu banget, puja DIV Shina… HUHAHUHAHUHA

[[div class="with-shina blockquote"]]

[[/div]]

---

Tujuh belas Agustus tahun 45
Itulah hari kemerdekaan kita
Hari merdeka nusa dan bangsa
Hari lahirnya bangsa Indonesia
Mer-de-ka

Sekali merdeka tetap merdeka
Selama hayat masih dikandung badan

Kita tetap setia tetap sedia
Mempertahankan In-do-ne-si-a
Kita tetap setia tetap sedia

Membela negara kita~¹

Header fonnya adalah Fjalla One.

---

Kode Tema

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200&display=swap');
 
:root {
     --logo-image:url("http://id-backrooms-wiki.wikidot.com/local--files/start/Logo%20TBID");
     --header-title: 'Backrooms';
     --header-font: 'Lobster', cursive;
     --header-subtitle: "Kami Akan Selalu Melayani Anda!";
 
     --body-font: 'Quicksand', sans-serif;
     --header-font: 'Fjalla One', sans-serif;
     --title-font: 'Fjalla One', sans-serif;
     --mono-font: 'Source Code Pro', monospace;
 
     --white-monochrome: 255, 255, 255;
     --pale-gray-monochrome: 255, 255, 255;
     --light-gray-monochrome: 212, 32, 32;
     --gray-monochrome: 144, 0, 0;
     --dark-gray-monochrome: 144, 0, 0;
     --black-monochrome: 0, 0, 0;
     --bright-accent: 148, 126, 126;
     --medium-accent: 144, 0, 0;
     --dark-accent: 100, 0, 0;
     --alt-accent: 184, 160, 160;
     --visited-link-color: 209, 117, 117;
     --border-styling: outset 2px rgb(var(--swatch-border-color));
     --darker-accent: 207, 31, 0;
 
     --link-color: 255, 0, 0;
     --hover-link-color: 255, 0, 0;
     --link-color: 255, 0, 0;
     --hover-link-color: 255, 0, 0;
 
     --rating-module-button-plus-color: var(--light-gray-monochrome);
     --rating-module-button-negative-color: var(--light-gray-monochrome);
     --rating-module-button-cancel-color: var(--light-gray-monochrome);
     --rating-module-button-credit-color: var(--light-gray-monochrome);
}
 
#header h1, #header h1 a {
  top: 15px;
  font-size: 130%;
}
 
#header h2, #header h2 span, #header h2 span::before {
  top: 25px;
  font-size: 90%;
}
 
#skrollr-body {
  width: 100%;
    height: 7.625rem;
    position: absolute;
    top: 0;
    left: 0;
    background: repeating-linear-gradient(-45deg, #360509, #360509 4px, #000000 5px, #000000 5px);
    background-image:
    linear-gradient(to bottom, rgba(000,000,000,0) 100%, rgba(000,000,000,0) 100%),
    url('https://media.discordapp.net/attachments/987409530499530796/1005002975762198538/Tak_berjudul493_20220805134248.png');
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
}
 
@media only screen and (min-width: 768px) {
  #skrollr-body {
    background-image: url('https://media.discordapp.net/attachments/987409530499530796/1010062623712223253/Indonesia.jpg');
    background-position: center;
  }
}
 
#page-title, h1, h2 {
  color: #900000;
}
 
h3,h4,h5,h6 {
  color: #FF4040;
}
 
blockquote {
    border: 2px solid #900000;
    padding: 0 1em;
    background-color: #FAFAFA;
}
 
textarea#edit-page-textarea {
    background-color: #FFFFFF;
    border: 2px solid #900000;
    color: #000000;
}
 
input.text#edit-page-title {
    background-color: #FFFFFF;
    border: 2px solid #900000;
    color: #000000;
    font-family: 'Fjalla One', sans-serif;
    font-size: 90%;
    padding: 5px;
}
 
#container {
   background-image: url("https://media.discordapp.net/attachments/987409530499530796/1007282491280871424/Tak_berjudul505_20220811204051.png");
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
   margin:100rem 100;
} 
 
.darkblock h1,
.darkblock h2,
.darkblock h3,
.darkblock h4,
.darkblock h5,
.darkblock h6,
.dark-styled-quote h1,
.dark-styled-quote h2,
.dark-styled-quote h3,
.dark-styled-quote h4,
.dark-styled-quote h5,
.dark-styled-quote h6,
.dark-titleblock h1,
.dark-titleblock h2,
.dark-titleblock h3,
.dark-titleblock h4,
.dark-titleblock h5,
.dark-titleblock h6 {
  color: #FAFAFA;
}
 
.quote {
   background-color: #FAFAFA;
   color: #000000;
   border: 2px solid #900000;
   padding: 0 1em;
}
 
.titleblock {
        background-color: #FAFAFA;
        color: #000000;
        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 #900000 2px;
     }
 
     .titlebox{
       color: #FFFFFF;
       position: relative;
       top: -1.6rem;
       background-color: #900000;
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.dark-titleblock {
        background-color: #900000;
        color: #FFFFFF;
        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 #FAFAFA 2px;
     }
 
     .dark-titlebox{
       color: rgb(var(--gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: #FAFAFA;
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.owindow.owait .content {
   background-color:#FFFFFF;
}
 
.owindow {
  background-color:#FFFFFF;
  color:#000000;
  border: 2px solid #900000;
}
 
.owindow .title {
  background-color:#900000;
}
 
.hovertip {
  background-color:#FFFFFF;
  color:#000000;
  border: 2px solid #900000
}
 
/* Collapsible View Settings */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    transition: background 0.2s linear;
    background: white;
    border: 2px solid #900000;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
 
#page-content .collapsible-block-link {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
 
#page-content .collapsible-block-link:hover {
    text-decoration: none
}
 
#page-content .collapsible-block-content {
    transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear;
    border-top: solid var(--base-color) 5px;
    border-bottom: solid var(--base-color) 3px;
}
 
#page-content .collapsible-block-folded {
    max-width: 100%;
}
#page-content .collapsible-block-unfolded-link{
    width: min-content;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
 
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--hover-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
    border-top-color: var(--hover-color);
    border-bottom-color: var(--hover-color);
}
 
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
    background: var(--hover-color);
}
 
#page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
    transition: background 0s, max-width 0s;
    background: var(--click-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
    transition: border-top-color 0s, border-bottom-color 0s;
    border-top-color: var(--click-color);
    border-bottom-color: var(--click-color);
}
 
#page-content .unfolded-collapse {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    background: var(--base-color);
    color: white;
    font-weight: bold;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
 
#page-content .unfolded-collapse::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
 
#page-content .unfolded-collapse-border {
    display: block;
    width: 700px;
    border-top: solid var(--base-color) 5px;
}
 
#page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
    margin:auto;
    margin-top: 10px;
}
 
#page-content .addendumfooter{
    display: block;
    border-bottom: solid 3px var(--base-color);
    margin: auto;
    text-align: center;
}
 
#page-content .info-container .collapsible-block {
    counter-increment: none;
}
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
    transition: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
    background: var(--barColour);
}
#page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
    content: "";
    display: none;
}
#page-content .info-container .collapsible-block-content {
    border-bottom: none;
    transition: none;
    border-top: none;
}
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
    line-height: 1.4;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
    font-size: 130%;
    margin-left: -0.4em
}
 
.with-shina {
    margin-top: 15rem;
    padding-top: 3rem;
    position: relative;
}
 
.with-shina.no-padding {
    padding-top: 0.5rem;
    min-height: 4rem;
}
 
.with-shina::before {
    content: "";
    display: block;
    height: 22rem;
    width: 19rem;
    background: url(https://brsandbox-pro.wikidot.com/local--files/theme:super-cute/shina.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -17.8rem;
    left: 0;
}
 
.with-shina::after {
    content: "";
    display: block;
    height: 10rem;
    width: 10rem;
    background: url(https://brsandbox-pro.wikidot.com/local--files/theme:super-cute/manstria.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -8.69rem;
    right: 0;
}
 
@media only screen and (max-width: 520px) {
    .with-shina::after {
        display: none;
    }
}
 
@media only screen and (max-width: 520px) {
    .with-tess::before {
        right: 0.5rem;
    }
}

---

Catatan Kaki

1. Ini catatan kaki!

Penulis dan Lisensi

Penulis & Lisensi
Tema ini dibuat oleh Gyess dan Techlight diberi oleh user. Sedikit bantuan berharga terkait penggunaan Wdfiles oleh sepuh DrAurumy :>