Simple Yonder Theme

Rating:

rating: +70

Rating w/ Credit Module:

  • rating: +70

    Info

    Info about your page.

    More information about your page.

    rating: +70

This is an aesthetic theme tied to no canon, series, or Group of Interest by EstrellaYoshte EstrellaYoshte .

To import this theme to your page, put the following text anywhere inside it:

[[include :scp-wiki:theme:simple-yonder]]

To enable Extra Mode for this theme:

[[include :scp-wiki:theme:simple-yonder xmode=a]]

Examples

logo.png

logo

A horizontal rule can be created with 5 hyphens "- - - - -" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

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

First Title

Second Title

Third Title

Fourth Title

Fifth Title
Sixth Title

This is a tab view.

Hey look, more text here.

How quaint.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

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

Extra Mode's additions:

extra.png

- Included Toggle Sidebar

- Optimized image block margin for mobile display

- Fira Code font for edit textbox

- Footnote optimizations - Max width is 420px, and there is no (click to scroll to footnote)

- No avatar enlarge on hover

- Styled page tags

[[div class="material-box"]]

The header font is Jost.

The body font is Open Sans.

The monospace font is Fira Code.


Footnotes
. This is a footnote.

Source Code:

/*SimpleYonderTheme[2020WikidotTheme]ByEstrellaYoshteBased on:
 Sigma-9ThemebyAelannaandDrDevanAndersonRoboticsThemebyCroquemboucheMinimalThemebystormbreathWordProcessingThemebystormbreathFlopstyleCSSbyLtFlops*/
 
@importurl('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@importurl(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
@importurl('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/jost.css');
 
:root{
 --themeColor:#7E2520;
 --accentColor:#E01F1F;
 --whiteColor:#FBFBFB;
 --borderColor:#C4C4C4;
}body{color:#000000;
 font-family: 'Open Sans', sans-serif;
 font-size:0.925rem;
 background-color: var(--whiteColor);
}.codepre, .codep, .code, tt{ /* ---- CodebyCroquembouche ---- */
 font-family: "Fira Code", monospace;
}.page-source{font-family: "Fira Code", monospace;
 
}a{color: var(--accentColor);
}a:visited{color: var(--themeColor);
}h1,
h2,
h3,
h4,
h5,
h6{color: var(--themeColor);
 font-family: 'jostregular', sans-serif;
 font-weight:bold;
}#page-title, .meta-title{color: var(--themeColor);
 font-family: 'jostregular', sans-serif;
 font-weight:bold;
 font-size:2.375em;
 border-color: var(--borderColor);
}
 
/* ---- HEADER ---- */
 
 div#container-wrap{background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/bg3.png');
 background-size:auto;
 background-repeat:repeat-x;
}div#header{background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/logo.png');
 background-size:7.3rem;
 background-position:3px29px;
}@media (max-width: 767px) and (min-width: 480px) {div#header{background-size:6rem;
 background-position: -4px44px;
 }}@media (max-width: 479px) {div#header{background-size:4.6rem;
 background-position: -3px58px;
 }}#account-topbutton{border-width:0;
}#login-status,
#login-statusa{color: var(--whiteColor);
 font-weight:bold;
}#login-statusula,
#login-statusula:hover{color: var(--themeColor);
}#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-forminput[type=submit],
#search-top-box-forminput[type=submit]:hover,
#search-top-box-forminput[type=submit]:focus{border:none;
 background:#282828;
 box-shadow:none;
 border-radius:2px;
 color:#f4f4f4;
}#search-top-boxinput.empty{color: var(--borderColor);
}div#headerh1aspan{font-family: 'jostregular', sans-serif;
 font-weight:bold;
 color:#f4f4f4;
 text-shadow:none;
}div#headerh2span{font-family: 'Open Sans', sans-serif;
 font-weight:bold;
 color:#f4f4f4;
 padding:17px0;
 text-shadow:0px0px0px#000;
 white-space:pre;
}
 
/* ---- TOPBAR ---- */
 
#top-barulli.sfhovera,
#top-barulli:hovera{color: var(--themeColor);
}#top-barulliul{border-color: var(--borderColor);
 box-shadow:none;
}#top-barulli.sfhovera,
#top-barulli:hovera{background:#f4f4f4;
}
 
/* ---- SIDEBAR ---- */
 
#side-bar, #interwiki{background-color: var(--whiteColor);
}#side-bar.side-block.media > *{display: flex;
 justify-content: space-evenly;
}:is(#side-bar, #interwiki) .side-block,
#side-bar.side-block:is(.resources, .media) {border:none;
 border-radius:0;
 box-shadow:none;
 background:transparent;
 padding:0;
}:is(#side-bar, #interwiki) .heading{border:none;
 color:#282828;
 font-size:1.325em;
 padding:0.25rem 0;
 border-top:0.05rem solid var(--borderColor);
 margin:1.25rem 00.325rem;
 font-weight:normal;
}:is(#side-bar, #interwiki) .menu-item{margin-inline-start:0.75rem;
}:is(#side-bar, #interwiki) .menu-itemimg{display:none; }:is(#side-bar, #interwiki) a{color: var(--accentColor);
}#top-bardiv.open-menua{border-radius:0;
 box-shadow:0px1px4px0 rgba(0, 0, 0, 0.2), 0px3px10px0 rgba(0, 0, 0, 0.19);
 color: var(--themeColor);
 border:none;
}@media (max-width: 767px) {#main-content{padding:0;
 margin:05%;
 border-left:none;
 }#page-title{margin-top:0.7em;
 }#side-bar{left: -19em;
 }#side-bar:target{border:none;
 box-shadow:1px05px0 rgba(0,0,0,0.2);
 }#side-bar.close-menu{transition: width 0.5s ease-in-out 0.1s,
 opacity 1s ease-in-out 0s;
 display:block;
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 right:0; left:auto;
 background: rgba(0,0,0,0.3);
 z-index: -1;
 opacity:0;
 pointer-events:none;
 }#side-bar:target.close-menu{width: calc(100% - 17rem);
 opacity:1;
 pointer-events:auto;
 }#side-bar{top:0;
 }#side-bar.heading{padding-left:1em;
 margin-inline: -1em;
 }}
 
/* ---- TABS ---- */
 
.yui-navset.yui-nav,
.yui-navset.yui-navset-top.yui-nav{font-family: 'jostregular', sans-serif;
 border-color: var(--themeColor); /*colorbetweentablistandcontent*/
}.yui-navset.yui-nava,
.yui-navset.yui-navset-top.yui-nava{background: var(--whiteColor); /*tabbackground*/
 border-color:transparent;
 color:black;
 transition:0.125s;
}.yui-navset.yui-navaem{background:#f4f4f4;
 box-shadow:none;
 border-color: var(--whiteColor);
}.yui-navset.yui-nav.selecteda, .yui-navset.yui-nav.selectedaem{font-weight:bold;
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selecteda:focus,
.yui-navset.yui-nav.selecteda:hover{background: var(--whiteColor); /*selectedtabbackground*/
 color: var(--themeColor);
}.yui-navset.yui-nava:hover,
.yui-navset.yui-nava:focus{background: var(--whiteColor);
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selectedaem{border-color:transparent;
 box-shadow:0px1px2px0.5px rgba(0,0,0,0.5);
 background: var(--whiteColor);
}.yui-navset.yui-content{background: var(--whiteColor); /*contentbackgroundcolor*/
}.yui-navset.yui-content,
.yui-navset.yui-navset-top.yui-content{border:solid1px var(--borderColor);
 border-top-width:0;
}.yui-navset-left.yui-content{border-left-color:#b7a9a9; /*differentbordercolor*/
}
 
/* ---- INFOBAR ---- */
 body{
 --barColour: var(--themeColor);
}.info-container.collapsible-block-content.wiki-content-table{width:100%;
}
 
/* ---- INFOPANE ---- */
 
#page-content.creditRate{margin: unset;
 margin-bottom:8px;
}#page-content.rate-box-with-credit-button{background-color: var(--whiteColor);
 border:solid1px var(--whiteColor);
 box-shadow:none;
 border-radius:0;
}#page-content.creditButtona{border:none;
 color: var(--themeColor);
}#page-content.creditButtona:hover{background: var(--whiteColor);
 color: var(--accentColor);
}.rate-box-with-credit-button.cancel{border:solid1px var(--whiteColor);
}#page-content.modalbox{background: var(--whiteColor);
 border:none;
 box-shadow:none;
 border-radius:0;
}iframe.close-credits{top:1.25em;
 right:1.5em;
 transform: scale(1.5, 1.25);
}
 
/* ---- PAGERATING ---- */
 
.page-rate-widget-box{box-shadow:none;
 margin-right:0;
 font-family: 'jostregular', sans-serif;
 font-size:1.125em;
}div.page-rate-widget-box.rate-points{background-color: var(--whiteColor);
 color: var(--themeColor);
 border:solid1px var(--whiteColor);
}.page-rate-widget-box.rateup,
.page-rate-widget-box.ratedown{background-color: var(--whiteColor);
 border-top:solid1px var(--whiteColor);
 border-bottom:solid1px var(--whiteColor);
}.page-rate-widget-box.rateupa,
.page-rate-widget-box.ratedowna{background:transparent;
 color: var(--themeColor);
}.page-rate-widget-box.rateupa:hover,
.page-rate-widget-box.ratedowna:hover{background: var(--whiteColor);
 color: var(--accentColor);
}.page-rate-widget-box.cancel{background:transparent;
 background-color: var(--whiteColor);
 border:solid1px var(--whiteColor);
}.page-rate-widget-box.cancela{color: var(--themeColor);
}.page-rate-widget-box.cancela:hover{background: var(--whiteColor);
 color: var(--accentColor);
}
 
/* ---- PAGEELEMENTS ---- */
 
#page-content.wiki-content-tabletrth{border:solid1px var(--borderColor);
 background-color:#f4f4f4;
 /*setborderfortabletitle*/
}#page-content.wiki-content-tabletrtd{border:solid1px var(--borderColor);
 /*setborderfortablecontent*/
}blockquote,
div.blockquote,
#toc,
.code{background-color:#f4f4f4;
 border:solid1px var(--borderColor);
}.scp-image-block{border:solid1px var(--borderColor);
 box-shadow:none;
 box-sizing: border-box;
}.scp-image-block.scp-image-caption{background-color:#f4f4f4;
 border-top:solid1px var(--borderColor);
 color:black;
}hr{background-color: var(--borderColor);
 margin:1.5rem 0;
}.hovertip{border-color: var(--borderColor)!important;
}#main-content.page-tagsspan{max-width:100%;
}
 
/* ---- FOOTER ---- */
#footer{background:transparent; }#footera{color: var(--themeColor); }
 
/* ---- LICENSEAREA ---- */
#license-area{border-top:0.05rem solid var(--borderColor);
 padding:.425rem;
 font-size:.775em;
 background: var(--themeColor);
 color: var(--whiteColor);
}#license-areaa{color:inherit;
 font-weight:bold;
}
page revision: 166, last edited: 10 Jan 2024 02:19
Discuss (14)
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).
Notify administrators if there is objectionable content in this page.
Something does not work as expected? Find out what you can do.
General Wikidot.com documentation and help section.
Wikidot.com Terms of Service - what you can, what you should not etc.
Wikidot.com Privacy Policy.

AltStyle によって変換されたページ (->オリジナル) /