Tema Rahu

Tema Versi 1

Tema "Rahu" dimodifikasi dari "Tema Liminal" buatan etoisland dan stephlynch oleh Gyess. Tema Rahu dikhususkan untuk sebagian besar halaman orisinal milik Gyess. Tema ini selanjutnya dilisensikan di bawah CC BY-SA 3.0 dan penggunaannya memerlukan kredit tertulis.

Gunakan kode di bawah untuk penerapan:

[[include :id-backrooms-wiki:theme:rahu]]

Foto Level 0 di Backrooms

"Jika dirimu tidak berhati-hati dan no-clip dari kenyataan di area yang salah, dirimu akan berakhir di dalam Backrooms, di mana tiada apa pun selain …."

Tab Pertama

Ini adalah tampilan 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)

Tulisan lainnya.

+ Dapat Dilipat

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

^Superskrip dan _Subskrip

Tampilan blok kutipan pada tema ini.

Blok kutipan ganda.

Tampilan pada Judul Tabel	Judul Tabel Kedua
Isi Tabel Pertama	Isi Tabel Kedua
Isi Tabel ketiga

Divisi Umum

Gunakan [[div class="quote"]]

Gunakan [[div class="lightblock"]]

Gunakan [[div class="darkblock"]]

Gunakan [[div class="dashed-quote"]]

Gunakan [[div class="dark-dashed-quote"]]

» Lihat Divisi Lainnya «

Light Title Gradient

Dark Title Gradient

MASUKAN TEKS
Gunakan [[div class="titleblock"]] dan setelahnya gunakan [[span class="titlebox"]] di awal untuk menambahkan judul.

MASUKAN TEKS
Gunakan [[div class="dark-titleblock"]] dan setelahnya gunakan [[span class="dark-titlebox"]] di awal untuk menambahkan judul.

Judul

Tulis deskripsi apa pun di sini!

Judul

Tulis deskripsi apa pun di sini!

---

Jenis-Jenis Teks

Jenis teks biasa
Jenis teks tebal
Jenis teks miring
Jenis teks garis bawah
Jenis teks dicoret
Jenis teks mono
Tebal dan garis bawah

Catatan kaki¹

Tautan yang aktif
Tautan yang telah dikunjungi
Tautan kosong

Catatan Kaki

1. ini adalah catatan kaki

---

+ Kode Tema (berpotensi lag dan crash)

/*
   Eternal Archives 
   [2022 Wikidot Theme]
   by Gyess
*/
 
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200&display=swap');
 
:root {
     --theme-base: "black-highlighter";
     --theme-id: "rahu";
     --theme-name: "Tema Rahu";
     --logo-image:url("https://media.discordapp.net/attachments/1048164759389876234/1059489783409279086/Tak_berjudul645_20230102215610.png");
     --header-title: 'Backrooms';
     --header-font: 'Cinzel Decorative', cursive;
     --header-subtitle: "Ruang liminal tanpa batasan";
 
     --body-font: 'raleway', sans-serif;
     --title-font: 'Cinzel Decorative', cursive;
     --mono-font: 'Source Code Pro', monospace;
     --white-monochrome: 30, 30, 30;
     --pale-gray-monochrome: 30, 30, 30;
     --light-gray-monochrome: 150, 150, 150;
     --gray-monochrome: 200, 200, 200;
     --dark-gray-monochrome: 150, 150, 150;
     --black-monochrome: 200, 200, 200;
     --bright-accent: 200, 200, 200;
     --medium-accent: 200, 200, 200;
     --dark-accent: 200, 200, 200;
     --alt-accent: 200, 0, 0;
     --visited-link-color: 120, 120, 120;
     --border-styling: outset 2px rgb(var(--swatch-border-color));
 
     --swatch-headerh1-color: 50, 50, 50;
     --swatch-headerh2-color: var(--white-monochrome);
     --swatch-topmenu-border-color: var(--medium-accent);
     --swatch-topmenu-bg-color: var(--medium-accent);
 
     --link-color: 255, 255, 255;
     --hover-link-color: 255, 255, 255;
  }
 
     --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);
  }
 
#skrollr-body {
    width: 100%;
    height: 7.625rem;
    position: relative;
    top: 0;
    left: 0;
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
  }
 
#header h1::before, #header h1 a::before {
    text-shadow: none;
  }
 
#header h2 span::before {
    top: 1rem;
    text-shadow: none;
  }
 
#container {
    background-image: none;
  }
 
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: swiup;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
 
#page-title {
    text-align: center;
    font-size: 120%;
    animation-delay: 0s;
  }
 
#page-title, h1, h2 {
    color: white;
  }
 
#side-bar .side-block {
    position:relative;
    z-index:3;
  }
 
#login-status, #login-status a {
    color: black;
  }
 
#login-status ul a {
    color: rgb(var(--pale-gray-monochrome));
  }
 
#account-topbutton {
    color: rgb(var(--black-monochrome));
  }
 
#toc {
    color: #fff;
    background-color: #302d30;
    border-radius: 10px;
    border: none;
  }
 
textarea#edit-page-textarea {
    background-color: #232023;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
  }
 
input.text#edit-page-title {
    background-color: #232023;
    border: 2px solid #fff;
    border-radius: 10px 15px;
    color: #e6e6e6;
    font-family: 'Fjalla One', sans-serif;
    font-size: 90%;
    padding: 5px;
  }
 
blockquote {
    padding: 0 1em;
    background-color: #302d30;
    border-radius: 10px;
  }
 
.quote {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    padding: 0 1em;
    background-color: #302d30;
  }
 
.blockquote {
    padding: 0 1em;
    background-color: #302d30;
    border-radius: 10px;
  }
 
.lightblock {
    background-image: radial-gradient(circle, black, 0.05) 50%, transparent 0);
    background-size: 0.25em 0.25em;
    background-repeat: repeat;
    background-color: #e3dee3;
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border-radius: 10px;
    color: #000;
 }
 
.darkblock {
    background-image: radial-gradient(circle, white, 0.05) 50%, transparent 0);
    background-size: 0.25em 0.25em;
    background-repeat: repeat;
    background-color: #302d30;
    color: #c8c8c8;
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border-radius: 10px;
  }
 
.dashed-quote {
    background-color: #e3dee3;
    border-left:  5px dashed #1e1e1e;
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
    border-radius: 5px;
    color: #000;
  }
 
.dark-dashed-quote {
    background-color: #302d30;
    border-left: 5px dashed #c8c8c8;
    color: #c8c8c8;
    border-radius: 5px;
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
 }
 
.dashed-quote h1,
.dashed-quote h2,
.dashed-quote h3,
.dashed-quote h4,
.dashed-quote h5,
.dashed-quote h6,
.lightblock h1,
.lightblock h2,
.lightblock h3,
.lightblock h4,
.lightblock h5,
.lightblock h6,
.titleblock h1,
.titleblock h2,
.titleblock h3,
.titleblock h4,
.titleblock h5,
.titleblock h6 {
  color: #000;
  }
 
.light-title-gradient {
    color: #222023;
    font-size: 150%;
    background-image: linear-gradient(to right, white, white, white, transparent, transparent);
    border-radius: 5px;
    margin-bottom: -20px;
    padding-left: 10px;
  }
 
.dark-title-gradient {
    color: white;
    font-size: 150%;
    background-image: linear-gradient(to right, #302d30, #302d30, #302d30, transparent, transparent);
    border-radius: 5px;
    margin-bottom: -20px;
    padding-left: 10px;
  }
 
.titleblock {
    background-color: #e3dee3;
    color: #000;
    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 #302d30 2px;
    border-radius: 5px;
  }
 
     .titlebox{
       color: #fff;
       position: relative;
       top: -1.6rem;
       background-color: #302d30;
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
       border-radius: 10px 5px;
     }
 
.dark-titleblock {
    background-color: #302d30;
    color: #c8c8c8;
    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 #c8c8c8 2px;
    border-radius: 5px;
  }
 
     .dark-titlebox{
       color: black;
       position: relative;
       top: -1.6rem;
       background-color: #c8c8c8;
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
       border-radius: 10px 5px;
     }
 
.img-description-r {
    background-image: url('https://media.discordapp.net/attachments/987409530499530796/1048591315119636550/Tak_berjudul322_20220521134127.png');
    margin: 10px;
    padding: 10px 100px 10px 10px ;
    background-size: 120px;
    background-color: #302d30;
    background-repeat: no-repeat;
    background-position: 200px 0px;
    border: 1px dashed gray;
    border-radius: 10px;
    font-size: 90%;
    text-align: center;
}
 
@media only screen and (min-width: 768px) {
  .img-description-r {
     background-image: url('https://media.discordapp.net/attachments/987409530499530796/1048591315119636550/Tak_berjudul322_20220521134127.png');
     margin: 10px;
     padding: 10px 100px 10px 10px ;
     background-size: 120px;
     background-color: #302d30;
     background-repeat: no-repeat;
     background-position: 490px 0px;
     border: 1px dashed gray;
     border-radius: 10px;
     font-size: 90%;
     text-align: center;
   }
  }
 
.img-description-l {
    background-image: url('https://media.discordapp.net/attachments/987409530499530796/1048591315119636550/Tak_berjudul322_20220521134127.png');
    margin: 10px;
    padding: 10px 10px 10px 100px ;
    background-size: 120px;
    background-color: #302d30;
    background-repeat: no-repeat;
    background-position: 100px 0px 0px 0px;
    border: 1px dashed gray;
    border-radius: 10px;
    font-size: 90%;
    text-align: center;
  }
 
.attention {
    border: 1px dashed gray;
    border-radius: 10px 10px;
    padding: 0 1em;
    background: url('https://media.discordapp.net/attachments/987409530499530796/1034033026897821736/Tak_berjudul588_20221024161711.png') center no-repeat, #302d30;
    background-size: 150px 150px;
  }
 
.source {
    color: red;
    font-weight: bold !important;
    background: #202020;
    border-radius: 5px;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
 
.scp-image-block {
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    font-size: 90%;
  }
 
.owindow.owait .content {
    background-color:#232023;
    color: #fff;
  }
 
.owindow {
    background-color:#232023;
    color:#fff;
    border: 2px solid #fff;
    border-radius: 10px 20px;
  }
 
.owindow .title {
    background-color:#232023;
    color: #fff;
    border-radius: 10px 20px;
  }
 
.hovertip {
    background-color:#232023;
    color:#fff;
    border: 2px solid #fff;
    border-radius: 10px 20px;
  }
 
.footnotes-footer {
    background: transparent;
    border-left: 5px dashed transparent;
    margin: 0px;
    padding: 0px;
  }
 
@keyframes swiup {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }

---