Sunside Theme
rating: +54+–x

This is an aesthetic theme for Esterberg, made by EstrellaYoshteEstrellaYoshte for RallistonRalliston.

To use the theme, insert the following:

[[include :scp-wiki:theme:sunside]]

Sunside/Bożydar/‘Ralliston is a nerd’ Theme is based on Sigma+.

flag.png

Image.

An ornamental horizontal rule can be created with 5 hyphens "- - - - -" as above.

Titles can be created by putting between one and six plus "+" at the start of the line.

Collapsible - Click me

This is a tab view.

This is a blockquote, created by putting "> " at the start of each line.
More text

That's a horizontal rule

Nested blockquotes

This is a table
You should know how to make these
already
Footnotes

Custom Blocks

city-block div

side-alley div

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fringilla nibh. Proin ultrices lectus tortor, ac tincidunt mi rutrum quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fringilla nibh. Proin ultrices lectus tortor, ac tincidunt mi rutrum quis. Donec ullamcorper enim in felis ultricies accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc tincidunt dolor ut massa varius fermentum. Aliquam interdum vitae nulla pretium facilisis. Nam et nisl nec ex malesuada suscipit euismod sit amet turpis. Vestibulum aliquam blandit tempus. Quisque nec justo vitae dolor aliquam condimentum porta non ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

side-alley right div
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fringilla nibh. Proin ultrices lectus tortor, ac tincidunt mi rutrum quis. Donec ullamcorper enim in felis ultricies accumsan.

Nulla quam odio, elementum ac sem consectetur, feugiat dapibus enim. Duis ex ligula, tempor elementum bibendum eu, iaculis at augue. Praesent consequat accumsan velit nec tempus. Nulla tempor pulvinar massa, a facilisis nisi posuere in. Praesent at accumsan risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur ex ligula, pharetra id consectetur vel, suscipit sit amet felis. Nulla lobortis est dolor, eu posuere mi pulvinar sed. Vestibulum nec venenatis sapien. Aliquam erat volutpat. Phasellus at gravida elit.

Aenean at justo sed erat blandit volutpat. Suspendisse semper feugiat nisl vitae imperdiet. Quisque congue a nunc at bibendum. Donec lacinia eros in mi pharetra, sed malesuada nunc condimentum. Morbi efficitur fringilla dui et hendrerit. Duis blandit eleifend venenatis. Ut vel imperdiet sapien. Mauris rhoncus sapien congue urna rhoncus, sit amet ultrices magna venenatis.

Etiam at massa eu turpis lacinia volutpat. Pellentesque hendrerit, diam vel dignissim finibus, odio massa laoreet lacus, id convallis tellus augue et enim. Sed dui orci, feugiat sed auctor sed, ultricies in erat. Praesent id erat quam. Nullam pretium, elit vel rhoncus ornare, diam felis euismod metus, et consectetur augue lorem nec felis. Quisque a neque felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent vel blandit erat. Donec justo velit, sollicitudin eu fermentum sit amet, convallis ut leo. Quisque elit tortor, aliquam eu dui a, finibus pharetra nunc. Suspendisse ultricies vestibulum est a suscipit.

header-center div

Header font is Sora.

Body font is Public Sans.

UI font is iA Writer Duo.

Monospace font is iA Writer Mono.

Source Code

Open
‡ Licensing / Citation
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
        pointer-events: auto;
}
 
@media not all and (max-width: 767px) {
 
    #top-bar .mobile-top-bar {
        display: block;
        pointer-events: none;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -18rem;
        width: 15.25rem;
        height: 100%;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}
_cc_licenseboxtheme
page revision: 11, last edited: 09 Apr 2023 06:21
Edit Rate (+54) Tags Discuss (10) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License