Tema de Última Frontera

Adaptado por Vivarium del Tema de Pensamientos Destrozados Yossipossi para su uso en el Hub de Hacía el Vacío y artículos en ese escenario.

Para importar este tema a su página, ponga el siguiente texto en cualquier lugar de la misma:

`[[include theme:last-frontier]]`

Este es el típico mensaje que viene con una página de temas.

¡Mira cómo gira!

Encabezado 1

Encabezado 2

Encabezado 3

Encabezado 4

Encabezado 5

Encabezado 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 bloque de cita!

¡Otro bloque de cita!

Oh, Dios mío, hay otro bloque de cita!

Haz que pare… ¡por favor!

Palabras

Tablas	¿¡Cómo
hacen	esta
cosa?!

/*
    Tema de Última Frontera
    [Tema de Wikidot de 2021 ]
    Creado por Vivarium
    Basado en el Tema Pensamientos Destrozados creado por Yossipossi.
*/
 
 body {
    background-color: #150100;
}
 
/* -=- HEADER -=- */
 
#header h1 a::before {
    content: "El Programa Beholder";
}
 
#header h2::before {
    content: "Redescubriendo el Espacio.";
    text-shadow: 0rem 0rem 0.3125rem #000000;
}
 
/* -=- HEADER BACKGROUND -=- */
 
div#container-wrap {
    background: url(https://lafundacionscp.wikidot.com/local--files/theme:last-frontier/Earth.jpg) top left repeat-x;
    background-size: 100%;
}
 
div#header {
    background-image: url('http://scptestwiki.wikidot.com/local--files/sigma:vivarium-test-page/ITTV_LOGO.png');
    background-size: 7.3rem;
    background-position: 3px 29px;
}
/* -=- 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 -=- */
 
#interwiki .side-block .heading,
#side-bar .heading {
     color: #ffffff;
}
 
#side-bar div.menu-item img {
    background: url("http://lafundacionscp.wikidot.com/local--files/theme:last-frontier/Diamond.png");
}
 
#interwiki .side-block,
#side-bar div.side-block,
#side-bar .side-block.nuevos,
#side-bar .side-block.guias,
#side-bar .side-block.borradores,
#side-bar .side-block.cc,
#side-bar .side-block.media,
#side-bar .side-block.recurso {
    background: #2b1d1d;
    border: 0.3125rem double #000000;
    box-shadow: 0 0.125rem 0.375rem #000000;
    opacity: 0.9;
}
 
#interwiki .side-block .menu-item a,
#interwiki .side-block .menu-item a:visited,
#side-bar a,
#side-bar a:visited {
    color: #ff7a98;
}
 
/* -=- 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 -=- */
 
/* Cambia el borde superior de la sección de etiquetas, que suele ser de color #888, para que coincida mejor con el tema. */
.page-tags span {
    border-top: solid 0.0625rem #f15c7d;
}
 
/* Cambia los colores del diseño en la pestaña de Historia de la página, que contrasta fuertemente con el tema de fondo. */
.pager a,
.pager a:hover,
.optionstd a,
.optionstd a:hover {
    background: #83303f;
    border: solid 0.0625rem #f15c7d;
}
 
/* Mientras la página se guarda y se carga, hay una ventana emergente en la pantalla. Esta ventana emergente era difícil de leer debido a las propiedades del cuerpo (el color es blanco), por lo que se cambió el fondo para que fuera más apropiado temáticamente y 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);
    }
 
}

Toda la vida normal, Peter, conscientemente o no, resiente la dominación. Si la dominación es por un inferior, o por un supuesto inferior, el resentimiento se hace más fuerte.

Y así fue, y así continúa
Esta cosa primordial había estado indispuesta
Su tumba había sido sellada
Su tumba ahora cerrada

Una vez eterno, su fin vino rápido
Y las escalas hacia el Orden se desviaron
Sin embargo, llegará su día

Cambio de Paradigma

Este tema fue hecho para la serie Pensamientos Destrozados, que incia con SCP-3426.

Para importar este tema a su página, ponga el siguiente texto en cualquier lugar de la misma:

[[include theme:shattered-thoughts]]

A continuación se muestran ejemplos de diferentes propiedades de este tema.

Una imagen espeluznante con una leyenda espeluznante.

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 Pez

Dos Peces

Muerto Peces

Pez Azul

Una vez que me haya ido, volverán a su sueño, y la locura terminará hasta que el ciclo se repita.

Las Tablas	Mason
¿qué se	supone que
significan?!

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
 
body {
    background-color: #363940;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
 
#content-wrap {
    text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
}
 
/* -=- HEADER -=- */
 
#header {
    background-image: none;
    padding-bottom: 1.875rem;
}
 
#header h1 a span,
#header h2 span {
    display: none;
}
 
#header h1 a::before {
    color: #ffffff;
    content: "Pensamientos Destrozados";
    font-family: 'Open Sans', sans-serif;
    font-size: 2.3rem;
    text-shadow: 0rem 0rem 0.3125rem #000000;
}
 
#header h2::before {
    color: #ffffff;
    content: "Mentes Quebradas";
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    font-style: italic;
    font-weight: bold;
    margin-left: 2.5rem;
    position: relative;
    top: 0.625rem;
}
 
/* -=- HEADER BACKGROUND -=- */
 
div#container-wrap {
    background: url(https://lafundacionscp.wdfiles.com/local--files/theme%3Ashattered-thoughts/shatteredthoughtsbackground_smaller.png) top left repeat-x;
    background-size: 100%;
}
 
/* -=- LINKS -=- */
 
a, a.newpage {
    color: #0eadf7;
}
 
a:visited {
    color: #2f96ff;
}
 
/* -=- BLOCKQUOTE -=- */
 
div.blockquote,
blockquote {
    background: rgba(9, 0, 135, 0.11);
    border: 0.125rem dotted #a0c7ff;
}
 
/* -=- OWINDOWS -=- */
 
.owindow,
.owindow h1,
.owindow .button-bar a {
    color: #000000;
    text-shadow: none;
}
 
/* This simply changed the karma bar colors in that user info pop-up menu. No functional purpose besides it looks neat, really. */
.modal-body td img[src*="userkarma.php"] {
    filter: hue-rotate(150deg);
}
 
.owindow ::selection {
    background: #cfeaff;
}
 
/* -=- RATING MODULE -=- */
 
.page-rate-widget-box {
    box-shadow: 0.0625rem 0.0625rem 0.1875rem #000000;
    margin-top: 0.625rem;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box > *,
.rate-box-with-credit-button {
    background-color: rgba(0, 0, 132, 0.4) !important;
    border: none !important;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    background: transparent;
    color: #ffffff;
    transition-duration: 1s;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background: rgba(226, 238, 255, 0.1);
    transition-duration: 1s;
}
 
/* For the info module on some pages. */
.modalbox {
    text-shadow: none;
    color: #000000;
}
 
/* -=- PAGE TITLE AND H1 -=- */
 
#page-content h1,
#page-title,
#action-area h1 {
    color: #e0ebff;
}
 
#page-title,
#action-area h1 {
    margin: auto;
    text-align: center;
}
 
/* -=- SEARCH BAR -=- */
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #00235e;
    border-color: #333333;
    border-radius: 0.3125rem;
    color: #3f87ff;
    opacity: 0.8;
    padding: 0.125rem;
}
 
#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: #002970;
    border: none;
    border-radius: 0rem;
    color: #ffffff;
    background-image: none;
}
 
/* -=- TOP BAR -=- */
 
#top-bar {
    background: linear-gradient(to right, transparent 60%, #0b1d51 85%, transparent 100%);
    padding-right: 3.125rem;
}
 
#top-bar ul li a {
    border: none;
    color: #4bb1ff;
}
 
#top-bar ul li:hover a,
#top-bar ul li:hover ul li a {
    background: rgba(0, 85, 155, 0.9);
    border: none;
    color: #ffffff;
}
 
#top-bar ul li:hover a:hover {
    background: #00559b;
    color: #e6e6e6;
}
 
#top-bar ul li:hover ul li a {
    padding-bottom: 0.0938rem;
    padding-top: 0.0938rem;
}
 
#top-bar ul li ul {
    border: 0.0625rem solid #2477ac;
}
 
#top-bar .open-menu a {
    background-color: #e4e9ff;
    border-color: #6677a8;
    color: #6677a8;
}
 
/* -=- SIDEBAR -=- */
 
#side-bar .heading {
     color: #cce7ff;
     font-size: 130%;
     border-color: #000000;
}
 
#side-bar div.menu-item img {
    background: url("https://lafundacionscp.wdfiles.com/local--files/theme%3Ashattered-thoughts/diamondblue.png");
    box-sizing: border-box;
    padding-left: 0.8125rem;
}
 
#side-bar div.side-block,
#side-bar .side-block.media,
#side-bar .side-block.nuevos,
#side-bar .side-block.guias,
#side-bar .side-block.borradores,
#side-bar .side-block.cc,
#side-bar .side-block.recurso {
    background: #494c56;
    border: 0.3125rem double #1d2124;
    box-shadow: 0 0.125rem 0.375rem #1d2124;
    opacity: 0.8;
    text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
}
 
#side-bar a,
#side-bar a:visited {
    color: #00c2ff;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #cce7ff;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #000000;
}
 
#interwiki .side-block {
    background: #494c56;
    border: 0.3125rem double #1d2124;
    box-shadow: 0 0.125rem 0.375rem #1d2124;
    opacity: 0.8;
    text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
}
 
#interwiki .side-block .heading {
     color: #cce7ff;
     font-size: 130%;
     border-color: #000000;
}
 
#interwiki .side-block .menu-item a,
#interwiki .side-block .menu-item a:visited {
    color: #00c2ff;
}
 
#interwiki .side-block .menu-item img {
    background: url("https://lafundacionscp.wdfiles.com/local--files/theme%3Ashattered-thoughts/diamondblue.png");
    box-sizing: border-box;
    padding-left: 0.8125rem;
}
 
/* -=- TABBERS -=- */
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-color: rgb(69, 171, 249, 0.7);
    background-image: none;
    border: none;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: #0074ff4f;
    background-image: none;
    border: none;
    color: #ffffff;
}
 
.yui-navset .yui-content {
    background: rgba(9, 0, 135, 0.11);
    border: 0.125rem dotted #5878b2;
}
 
.yui-navset .yui-nav {
    border: none;
    padding-bottom: 0.0625rem;
}
 
.yui-navset .yui-nav a em {
    border: none;
}
 
/* -=- USER INFO -=- */
 
#login-status,
#login-status a {
    color: #12b4ff;
    text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
    font-weight: bold;
}
 
#account-options li a,
#account-options li a:hover {
    color: #e4f7ff;
    text-shadow: none;
}
 
#account-options {
    border: none;
}
 
#account-options ul {
    background-color: #1f68d2;
    opacity: 0.8;
}
 
/* -=- IMAGES -=- */
 
.scp-image-block .scp-image-caption {
    background-color: #747474;
}
 
/* -=- TABLES -=- */
 
table.wiki-content-table td {
    border: 0.0625rem dotted #a0c7ff;
    background: rgba(9, 0, 135, 0.11);
}
 
table.wiki-content-table th {
    border: 0.0625rem solid #bbb;
    background: #747474;
}
 
/* -=- CODE MODULE -=- */
 
.code {
    text-shadow: none;
}
 
/* -=- MISCELLANEOUS -=- */
 
/* In the files, when the menu is expanded, .highlight's background is #EEE, which gives poor constrast with the link color. */
table.page-files .highlight {
    background-color: transparent;
}
 
/* 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 #2477ac;
}
 
/* 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 {
    color: #ffffff;
    background: rgba(0, 85, 155, 0.9);
    border: solid 0.0625rem #2477ac;
}
 
/* 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: #00559b;
    color: #ffffff;
    text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
    border: solid 0.0625rem #2477ac;
    opacity: 0.95;
}
 
/* Similar to above, but required an !important and different target apparently. */
.owait div.modal-body {
    color: #ffffff !important;
}
 
/* The text below the editing menu, specifically "Max 200 characters [...]" and "You have an exclusive 15-minute lock[...]" */
form div.sub {
    color: #b7b7b7;
}
 
/* Specifically the "You have an exclusive[...]" text box. Changes color and text-shadow for legibility. */
#lock-info {
    color: #3d3d3d;
    text-shadow: none;
}
 
/* The grow/shrink buttons on the bottom right of the editor. Changes to be more legible. */
.change-textarea-size a.btn {
    color: #000000;
    text-shadow: none;
}
 
/* Changes color of aforementioned buttons on hover. */
.change-textarea-size a:hover {
    text-decoration: none;
    background: #ffffff;
}
 
/* When a page is parented, its parent is listed as a "breadcrumb" for some reason. This modifies the parented page backlink near the top. Can be seen here: https://lafundacionscp.wikidot.com/exploration-log-3426 */
#breadcrumbs {
    margin: 0.5em 0 1em;
    font-size: 80%;
    text-align: center;
}
 
/* Changes selection color. */
::selection {
    background: #004777;
}
 
/* Changes seleciton color for specific menus to increase legibility of highlighted text. */
textarea::selection,
input.text::selection,
#lock-info::selection,
span#lock-timer::selection,
.code span::selection {
    background-color: #8ac8f9;
}
 
/* Preview message when previewing a page in the upper-right corner. */
.preview-message {
    background-color: #00559b;
    color: #ffffff;
    text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
    border: solid 0.0625rem #2477ac;
    opacity: 0.95;
}
 
/* Changes the color of the text at the very bottom of the page. */
#license-area {
    color: #ffffff;
}
 
/* -=- FOOTNOTES -=- */
 
.hovertip {
  background: #00559b !important;
  border: solid 0.0625rem #2477ac !important;
  color: #ffffff;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
  opacity: 0.94;
}
 
/* -=- MEDIA SELECTORS -=- */
 
@media screen and (max-width: 50rem) {
 
    #header h1 a::before {
        font-size: 1.7rem;
    }
 
    #header h1 {
        margin-left: 0rem;
    }
 
    #header h2 {
        margin-left: 0.75rem;
    }
 
    #top-bar {
        background: linear-gradient(to right, transparent 0%, #0b1d51 5%, #0b1d51 60%, transparent 85%);
        padding-right: 0rem;
    }
 
    #side-bar {
        position: fixed;
        z-index: 30;
        background-color: rgba(11, 29, 81, 0.93);
    }
 
}

tema

La Fundación SCP

Rama Hispanohablante

Adaptado por Vivarium del Tema de Pensamientos Destrozados Yossipossi para su uso en el Hub de Hacía el Vacío y artículos en ese escenario.

Para importar este tema a su página, ponga el siguiente texto en cualquier lugar de la misma:

`[[include theme:last-frontier]]`

Este es el típico mensaje que viene con una página de temas.

Encabezado 1

Encabezado 2

Encabezado 3

Encabezado 4

Encabezado 5

Encabezado 6

Encabezado en la pestaña

Encabezado en la pestaña pero más pequeño

Título 1

Título 2

Título 3

Título 4

Título 5

Título 6

Título en Pestaña

Título en Pestaña pero Más Pequeño

Otros sitios interesantes

OpenD6

Schools - Teachers - Parents

Interactive Media Design: Theory

海