Theme Admo

:root {
    --posX: calc(50% - 358px - 12rem);
    --fnTransition: 0.3s;
    --fnLinger: 0.15s;
    --fnInteract: calc(var(--fnTransition) + var(--fnLinger));
}
 
/*--- Footnote Auto-counter --*/
#main-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    width: max-content;
    text-indent: -0.475ex;
    vertical-align: super;
    line-height: 80%;
    word-break: initial;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative;
    font-size: 80%;
    padding: .15em .05em;
    margin-right: -0.25em;
    counter-increment: megacount;
    -webkit-user-select: none;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.25;
    padding: 0.8125rem;
    width: 12.5rem;
    box-sizing: border-box;
    background: white;
    border: .125rem solid black;
    font-size: .9125rem;
    font-weight: initial;
    font-style: normal;
    text-align: initial;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition:
        opacity 0.15s linear var(--fnLinger),
        right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
        visibility 0.01s linear var(--fnInteract);
}
.fnnum:hover + .fncon, .fncon:hover {
    opacity: 1;
    z-index: 10;
    right: var(--posX);
    visibility: visible;
    transition:
        opacity 0.15s linear,
        right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
 
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding: 0.18rem 0.32em 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.5rem;
        left: calc(15% - 50px);
        width: 70%;
        transition:
            opacity 0.15s linear var(--fnLinger),
            left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
            visibility 0.01s linear var(--fnInteract);
    }
    .fnnum:hover + .fncon, .fncon:hover {
        left: 15%;
        transition:
            opacity 0.15s linear,
            left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
    }
}

/*  ____                  _ _     */
/* |  _ \                | | |    */
/* | |_) | __ _ ___  __ _| | |_   */
/* |  _ < / _` / __|/ _` | | __|  */
/* | |_) | (_| \__ \ (_| | | |_   */
/* |____/ \__,_|___/\__,_|_|\__|  */
/*                                */
/* ============================== */
/*                                */
/* [2021 Wikidot Theme]           */
/* Version 2.1.0                  */
/*                                */
/* by Liryn, Placeholder McD      */
/* with thanks to EstrellaYoshte  */
/*                                */
/* Built on Bedrock               */
/*                                */
 
/*-----------------*/
/*---- IMPORTS ----*/
/*-----------------*/
 
@import url('https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt');
 
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
 
:root {
    --title: "Tổ Chức SCP";
    --subtitle: "QUẢN THÚC - LƯU TRỮ - BẢO VỆ";
 
    --UI-font-primary: 'Inter Tight';
}
 
div.raisa_memo {
    --memo-heading: "THÔNG BÁO TỪ BAN QUẢN LÝ HỒ SƠ VÀ BẢO MẬT THÔNG TIN";
}
 
div.classification_memo {
    --memo-heading: "CHỈ THỊ TỪ ỦY BAN PHÂN LOẠI";
}
 
div.ettra_memo {
    --memo-heading: "THÔNG BÁO TỪ CƠ QUAN PHẢN ỨNG CHIẾN LƯỢC HIỂM HỌA KHẨN CẤP";
}
 
div.ethics_memo {
    --memo-heading: "CHỈ THỊ TỪ ỦY BAN ĐẠO ĐỨC";
}
 
div.temporal_memo {
    --memo-heading: "PHÒNG BAN DỊ THỂ THỜI GIAN";
}
 
div.overwatch_memo {
    --memo-heading: "HỘI ĐỒNG TỐI CAO";
}
 
div.miscomm_memo {
    --memo-heading: "THÔNG BÁO TỪ PHÒNG BAN NGHỊCH LOẠN GIAO TIẾP";
}
 
#main-content .page-tags span::before {
    content: "TAG";
}

@import url('https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/2')

#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%;
}

On any page:
[[include :scpvnsandbox:theme:admo]]

Info

This is a theme made specifically for the ADMONITION series. Use of this theme outside of the series is discouraged.

It is built on top of the Basalt theme framework.

Astral Variant

[[include :scp-wiki:theme:admo astral=a]]

[[span class="cond"]]

[[span class="ctrl"]]

ADMO

FEATURING LIRYN
MORE STUFF HERE

+ Show formatting

[[div class="admo-end_card"]]
[[div class="admo-credits"]]
[[div]]
+ [[span class="ctrl"]]ADMO[[/span]]
[[/div]]
[[div]]
[[span class="cond"]]FEATURING @@ @@ **AUTHOR**[[/span]]
[[/div]]
[[/div]]
[[/div]]