Old Liminal

Tema ini dibuat oleh stephlynch, diterjemahkan oleh Endeprey1247.

Untuk mengimpor tema ini ke dalam halamanmu, pakai:

[[include :id-shinaposting-wiki:theme:old-liminal]]

SEBELUM menambahkan CSS lain yang ingin kamu tambahkan.

Contoh

Ini adalah komponen Image Block.

Sebuah garis horizontal bisa dibuat dengan 5 tanda hubung "-----" dan memanjang ke seluruh halaman jika tidak ditaruh di dalam apa pun (misal, sebuah blok kutipan). Garis yang memisahkan bagian-bagian dokumen ini disebut garis horizontal.

---

Judul bisa dibuat dengan menaruh antara satu sampai enam tanda tambah "+" di awal kalimat.

+ Judul

Judul Pertama

Judul Kedua

Judul Ketiga

Judul Keempat

Judul Kelima

Judul Keenam

Tabulator

Ini adalah tampilan tab.

Tabulasi

Hei, lihat ini, ada teks lagi.

Betapa penasarannya saya.

Tab Panjang

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kamilat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini adalah tab yang panjang. Terdapat kalimat yang banyak.

Ini tab kosong dengan nama yang sangat panjang untuk beberapa alasan yang janggal. Kenapa ya?

Tab Kosong

Tab Kosong

Tab Kosong

Tab Kosong

Lucunya, aku mau nambahin sebuah pesan atau nomor yang rahasia.

sayangnya, nomor yang anda tuju telah sedang tidak dapat menerima panggilan. Tekan nomor 1 atau 5 untuk meninggalkan pesan suara.

Tab "Kosong"

Ini adalah blok kutipan, dibuat dengan menaruhkan ">" di setiap awal barisan garis.
Teks lagi

---

Itu garis horizontal

Blok kutipan "bersarang"

Ini sebuah	tabel
Kau sudah tahu	cara membuat ini
dari awal

[[div class="darkblock"]]

[[/div]]

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

---

+ Kode Tema

Jika kau mau membuat tema baru dengan berdasarkan Old Liminal dengan alasan tertentu, waspadalah dengan dua hal ini:

1. --pale-gray-monochrome itu aslinya putih, dan --white-monochrome itu aslinya abu-abu pucat.
2. Jangan salin semua CSS-nya di sini, ambil CSS-nya ke halamanmu dengan [[include :id-backrooms-wiki:theme:old-liminal]] dan memodifikasilah sesuka hatimu.

/*
   Liminal Theme
   [2020 Wikidot Theme]
   by Lynch & Etoile
*/
 
@import url("https://backrooms-wiki.wikidot.com/component:fantasque-sans-mono/code/1");
@import url("https://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/normalize-archived.css");
@import url("https://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/bhl-archived.css");
@import url("https://backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css");
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "Liminal Theme";
 
   --logo-image: url("https://imgur.com/QULexEq.png");
   --header-title: "Backrooms Shinaposting Wiki";
   --header-subtitle: "ASIN SEBLAK 🗣️🗣️🔥🔥🔥";
 
   --body-font: Arial, sans-serif;
   --header-font: 'Fantasque Sans Mono', monospace;
   --title-font: 'Fantasque Sans Mono', monospace;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
   --white-monochrome: 237, 233, 223;
   --pale-gray-monochrome: 255, 251, 240;
   --light-gray-monochrome: 160, 160, 160;
   --gray-monochrome: 72, 69, 60;
   --black-monochrome: 25, 20, 16;
   --bright-accent: 140, 136, 126;
   --medium-accent: 72, 69, 60;
   --dark-accent: 140, 136, 126;
   --pale-accent: 140, 136, 126;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 230, 23, 68;
   --hover-link-color: 230, 23, 68;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
body#html-body{
   overflow-x: hidden;
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
div.block-center {
   min-width: 30%
}
 
@media only screen and (max-width:768px) {
   div.block-center {
      min-width: 40%
   }
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   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);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   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);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.interwiki1_title {
 
    color: rgb(80,77,66);
    border-bottom: solid 1px rgb(80,77,66);
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
 
}
 
.interwiki1_entry {
 
    position: relative;
    margin: 2px 0;
 
}
 
.interwiki1_entry p::before {
    content: "■";
    font-size: 9px;
    color: rgb(80,77,66);
    position: relative;
    margin: 0 7px 0 5px;
    bottom: 3px;
 
}
 
.interwiki1_entry a, .interwiki1_entry a:visited {
 
    font-weight: bold;
    color: #b01;
    text-decoration: none;
    background: transparent;
 
}
 
.interwiki1_entry a:hover {
 
    background-color: transparent;
    text-decoration: underline;
 
}
 
div.scpnet-interwiki-wrapper {
    margin: 0;
    width: auto;
}
iframe.scpnet-interwiki-frame {
    border: inherit;
    width: 100%;
    height: 230px;
}
@media (min-width:768px) {
    div.scpnet-interwiki-wrapper,
    iframe.scpnet-interwiki-frame {
        width: 100%;
    }
}
 
/* remove the input on the searchbar because it doesn't work */
 
#search-top-box-input {
    display: none;
}
 
/* menambahkan sebuah pesan peringatan untuk penghapusan atau pergantian nama */
#rename-option-rename::before, #rename-option-delete::before {
    content: "Peringatan: Pengguna Wiki Backrooms Indonesia bisa mengganti nama halaman mereka, tapi gunakan ini dengan sebijaknya (lebih baik jika hanya ada kendala dengan namanya). Hanya staf yang diperbolehkan untuk menghapus halaman, bahkan halamanmu: Hubungi para staf Wiki Backrooms Indonesia dan kami akan membantumu!";
    color: red;
    display: block;
    margin-top: 1rem;
}
 
/* meta style
 
this makes it harder for staff members to accidentally guff the SEO*/
 
#action-area > div[style="padding-left:3em;"] {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 !important;
    font-family: var(--mono-font);
}
 
#action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div:is(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3), :nth-of-type(4), :nth-of-type(5), :nth-of-type(6), :nth-of-type(7)) a {
    visibility: hidden !important;
  pointer-events: none;
}
 
#edit-meta-newtag-form a:nth-of-type(2) {
  display: none;
  pointer-events: none;
}