Esto Es Solo Para Hacer Css Y Probar Cosas

Adaptado por Vivarium del tema de Shattered Thoughts perteneciente a Yossipossi para usarlo en el Hub En el Vacío, y artículos en ese entorno.

Para importar éste tema a tu página, ponga el siguiente texto en cualquier lugar de ella:

[[include :scp-wiki:theme:last-frontier]]

Este es el típico discurso que acompaña a la página de un theme

Look at him go!

Título 1

Título 2

Título 3

Título 4

Título 5

Título 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit¹ in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

¡Desplegable!

¡Un cuadro de cita!

¡Otro cuadro de cita!

¡Oh Dios, otro cuadro de cita!

¡Haz que pare… por favor!

Tab 1

Palabras

Tab Vacío

Tab con muchas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Tantas palabras

Stuff In Tabs Tab

Header in the Tabber

Header in the Tabber But Smaller

Text — Link

---

Quote One

(Quote Two)

Tables	How
do	they
do this?!

/*
    Last Frontier Theme
    [2021 Wikidot Theme]
    Created by Vivarium
    Based on Shattered Thoughts Theme created by Yossipossi.
*/
 
 body {
    background-color: #150100;
}
 
/* -=- HEADER -=- */
 
#header h1 a::before {
    content: "La Fundación SCP";
}
 
#header h2::before {
    content: "SEGURIDAD - CONTENCIÓN - PROTECCIÓN";
    text-shadow: 0rem 0rem 0.3125rem #000000;
}
 
/* -=- HEADER BACKGROUND -=- */
 
div#container-wrap {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:last-frontier/Earth.jpg) top left repeat-x;
    background-size: 100%;
}
 
/* -=- LINKS -=- */
 
a, a.newpage {
    color: #e3647c;
}
 
a:visited {
    color: #d2647c;
}
 
/* -=- BLOCKQUOTE -=- */
 
div.blockquote,
blockquote {
    background: rgba(135, 0, 9, 0.11);
    border: 0.125rem dotted #865757;
}
 
/* -=- RATING MODULE -=- */
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box > *,
.rate-box-with-credit-button {
    background-color: rgba(107, 22, 22, 255) !important;
}
 
/* -=- PAGE TITLE AND H1 -=- */
 
#page-title,
#action-area h1 {
    color: #ffffff;
    font-weight: bold;
 
}
 
/* -=- SEARCH BAR -=- */
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #150100;
}
 
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-color: #61000d;
 
}
 
/* -=- TOP BAR -=- */
 
#top-bar {
    background: linear-gradient(to right, transparent 25%, transparent 50%, #6b1616 75%, transparent 100%);
}
 
#top-bar ul li ul {
    border: 0.0625rem solid #2477ac;
}
 
#top-bar ul li a {
    color: #ffffff;
    text-shadow: 0rem 0rem 0.3125rem #000000;
}
 
#top-bar ul li:hover a,
#top-bar ul li:hover ul li a {
    background-color: #611e2c;
}
 
#top-bar ul li:hover a:hover {
    background: #8c465a;
}
 
#top-bar .open-menu a {
    background-color: #611e2c;
    border-color: #e3647c;
    color: #ffffff;
}
 
/* -=- SIDEBAR -=- */
 
#side-bar .heading {
     color: #ffffff;
}
 
#side-bar div.menu-item img {
    background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Alast-frontier/Diamond.png");
}
 
#side-bar div.side-block {
    background: #2b1d1d !important;
    border: 0.3125rem double #000000;
    box-shadow: 0 0.125rem 0.375rem #000000;
    opacity: 0.9;
}
 
#side-bar a,
#side-bar a:visited {
    color: #ff7a98;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
     color: #ffffff;
}
 
/* -=- TABBERS -=- */
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: #8c465a;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: #360e0b;
}
 
.yui-navset .yui-content {
    background-color: #110500;
    border: 0.125rem dotted #865757;
}
 
/* -=- USER INFO -=- */
 
#login-status,
#login-status a {
    color: #e3647c;
}
 
#account-options li a,
#account-options li a:hover {
    color: #e3647c;
}
 
#account-options ul {
    background-color: #150100;
    border: solid 0.0625rem #e3647c;
    opacity: 1.0;
}
 
/* -=- IMAGES -=- */
 
.scp-image-block .scp-image-caption {
    background-color: #394046;
}
 
/* -=- TABLES -=- */
 
table.wiki-content-table td {
    border: 0.0625rem dotted #865757;
}
 
table.wiki-content-table th {
    background-color: #394046;
}
 
/* -=- MISCELLANEOUS -=- */
 
/* Changes the top border of the tags section, which is typically colored #888, to match the theme better. */
.page-tags span {
    border-top: solid 0.0625rem #f15c7d;
}
 
/* Changes the colors of the layout in the History tab of the page, which constrasts heavily with the background theme. */
.pager a,
.pager a:hover,
.optionstd a,
.optionstd a:hover {
    background: #83303f;
    border: solid 0.0625rem #f15c7d;
}
 
/* While the page is saving and loading, there is a popup on the screen. This popup was difficult to read due to the body's properties (color being white), so this changed the background to be more thematically appropriate and legible. */
.owait,
.osuccess {
    background-color: #83303f;
    border: solid 0.0625rem #f15c7d;
}
 
/* -=- FOOTNOTES -=- */
 
.hovertip {
  background: rgba(17, 0, 5, 255) !important;
  border: solid 0.0625rem #865757 !important;
 
}
 
/* -=- MEDIA SELECTORS -=- */
 
@media screen and (max-width: 50rem) {
 
    #side-bar {
        background-color: rgba(21, 1, 0, .93);
    }
 
}

Footnotes

1. Footnote