Temas do Sigma-9

/*
    Paperstack Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
      Inkblot Theme by Croquembouche
      Word Processor Theme by stormbreath
      Modern Theme by Azamo
      Simple Yonder Theme by EstrellaYoshte
*/
 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
:root {
    --top-layer-height: 276px;
    --top-layer-shadow: 6px;
}
 
#main-content { font-size: 0.88rem; }
body { font-family: 'Oxygen', sans-serif; }
 
body {
    color: #000000;
    background-image: linear-gradient(
        to bottom, 
        #EFEFEF, #EFEFEF var(--top-layer-height), 
        #D3D3D3 var(--top-layer-height), #ffffff calc(var(--top-layer-height) + var(--top-layer-shadow)),
        #ffffff calc(var(--top-layer-height) + var(--top-layer-shadow)), #ffffff 100%);
    background-repeat: no-repeat;
}
 
#main-content {
    top: -1.6rem;
    padding: 0.2em;
}
 
.page-source, .code pre, .code p, .code, tt{ 
    font-family: "Fira Code", monospace;
}
 
/* ---- HEADER ---- */
 
div#container-wrap {
     background-image: none;
}
div#header {
    background-image: none;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
/* Move the subtitle down a smidge */
#header h2 { margin-top: 0.45rem; }
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none;}
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: #333333;
  font-family: 'Josefin Sans', sans-serif;
  text-shadow: none;
}
/* Set the new text's content from variable */
#header h1 a::before {
  content: var(--header-title, "FUNDAÇÃO SCP");
  font-weight: 300;
  font-size: 1.3em;
}
#header h2::before {
  content: var(--header-subtitle, "ASSEGURAR - CONTER - PROTEGER");
  font-weight: 600;
  font-size: 1.22em;
}
 
#login-status,
#login-status a {
    color: #333333;
}
 
#page-title {
    display: none;
}
 
#footer, #footer a {
    background: transparent;
    color: #333333;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: #333333;
    box-shadow: none;
    border-radius: 0px;
    color: #efefef;
}
#search-top-box input.empty {
    color: #999999;
}
 
div#search-top-box {
    top: 2.3rem;
    right: 8px;
}
 
/* ---- TOP BAR ---- */
 
#top-bar { 
   display: flex;
   justify-content: center;
   right: 0;
   top: 7.9rem;
}
@media (max-width: 768px) {
    .mobile-top-bar {
         display: flex;
         justify-content: center;
         max-width: 100%;
         width: 100%;
         left: 0;
    }
}
#top-bar, #top-bar a {
    color: #333333;
}
 
/* ---- SIDE BAR ---- */
 
#side-bar .side-block {
    border: transparent;
    border-radius: 0;
    box-shadow: 0px 0px 7px #999999;
    background: #ffffff;
}
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
    border: 1px white;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #fff;
        left: -19em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 3px 0 1px -2px rgba(0,0,0,0.04), 1px 0 5px 0 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;
        background: rgba(0,0,0,0.3);
        background-position: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}
 
/* ---- TABS ---- */
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: #333333;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #333333;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #efefef;
     border: unset;
     box-shadow: none;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ffffff;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #333333;
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #ffffff;
     background-color: #ffffff;
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: #333333;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #ffffff;
     background-color: #333333;
}
 .yui-navset .yui-content {
    background-color: #ffffff;
    box-shadow: 0px 0px 4px #999999;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border: none;
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: #333333;
}
 
 .info-container .collapsible-block-content{
     padding: 0 .5em 30px;
}
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
    margin: unset;
    margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 1px #ffffff;
    box-shadow: 0px 0px 7px #999999;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #333333;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #333333;
    color: #ffffff;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #ffffff;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: 0px 0px 7px #999999;
    margin: unset;
    margin-bottom: 4px;
    border-radius: 0;
}
 
.page-rate-widget-box .rate-points {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: solid 1px #ffffff;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #ffffff;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #333333;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333333;
    color: #ffffff;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: #333333;
}
.page-rate-widget-box .cancel a:hover {
    background: #333333;
    color: #ffffff;
    border-radius: 0;
}
 
/* ---- PAGE ELEMENTS ---- */
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}
 
blockquote,
div.blockquote,
#toc,
.code {
    background-color: #F8F8F8;
    border: solid 1px #F8F8F8;
    box-shadow: 0px 0px 4px #999999;
}
 
.scp-image-block {
    border: solid 8px #ffffff;
    box-shadow: 0px 0px 5px #999999;
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #ffffff;
    border-top: solid 4px #ffffff;
    color: black;
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px #999999;
    background-color: #efefef;
    /* set border for table title */
}
#page-content .wiki-content-table tr td {
    border: solid 1px #999999;
    /* set border for table content */
}
 
div.modalbox {
    border-radius: 0;
    border: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
 
/*-- tags --*/
 
#main-content .page-tags span { max-width: 100%; }
 
#main-content .page-tags a {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.76rem;
    background-color: #FDFDFD;
    border-radius: 0.6rem 0.12rem;
    margin: .25rem .2rem; .5rem .2rem;
    padding: 0.2rem 0.42rem 0.25rem 0.46rem;
    box-shadow: 0.6px 0.6px 1.9px 0.8px rgba(0,0,0,0.27);
}
 
#main-content .page-tags a:before {
    content: "•";
    font-size: 1.1rem;
    float: left;
    position: relative;
    top: -0.19rem;
    left: -0.24rem;
    color: #ffffff;
    background-color: #B8B8B8;
    color: transparent;
    text-shadow: 1px 1px 0.7px rgba(255,255,255, 0.82);
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
}
 
/* ---- CUSTOM SYNTAX ---- */
 
.header-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-around;
  align-content: space-between;
  width: 100%;
  left: 0;
  align-items: flex-start;
  row-gap: 2px;
}
 
.text-item {
  flex-grow: 1;
  max-width: 25%;
  text-align: center;
}
 
.grid-item {
  flex-grow: 1;
  min-width: 25%;
  text-align: center;
  margin: 8px 6px;
}
@media (max-width: 1200px) {
  .grid-item {
    min-width: 50%; 
  }
}
 
.logo {
  position: absolute;
  width: 180px;
  top: -154px;
  left: -17em;
  z-index: -1;
}
@media (max-width: 767px) {
  .logo {
    width: 36%;
    top: -9.7em;
    left: 32%;
  }
}
 
.textbox {
  position: absolute;
  width: 42%;
  top: 7.5rem;
}
@media (max-width: 960px) and (min-width: 767px), (max-width: 666px) {
  .textbox {
    position: relative;
    width: 100%;
    top: 0;
  }
}

/* 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: 35px;
        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;
}
 
@media (min-width: 768px) {
 
    .mobile-top-bar, #top-bar .open-menu {
        display: block;
    }
 
    .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!important;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        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 {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
}

Informações

---

Co-escrito por EstrellaYoshte, Lt Flops e Ralliston
Traduzido por L200

Página de Autor de EstrellaYoshte
Página de Autor de Lt Flops
Página de Autor de Ralliston

---

O Quê é Isso?

Esta é uma lista (relativamente) completa de todos os temas baseados no Sigma-9 — o tema principal da Wiki — para o site, organizados alfabeticamente por autor.

Passe o mouse por cima de qualquer imagem para ver uma descrição. Cada uma explica (relativamente) para que o tema serve. Ou, clique na imagem para ir para a página do tema e usá-la diretamente. Para ver as descrições pelo celular, toque na moldura abaixo da imagem em vez de na imagem em si. Desse jeito, a descrição irá aparecer em vez de você ser redirecionado para a página do tema.

Para ver as regras para contribuir, veja o Guia Editorial.

Contribuidores

Aelanna

Sigma-9 — Tema do Site

A Charmosa e Estilosa Imagem e Semelhança da Wiki, c. 2014. Cooptado com Dr Devan.

Pets Super Fofos

Um Tema Super Fofo para todos os artigos Pets Super Fofos! .

---

Azamo

BASALTO

Moderno, simplista. Amplo.

---

CityToast

Carregamentos Anormais

Um tema de papel para todos os marinheiros e aventureiros.

---

Croquembouche

Anderson Robóticas

Tema para o GdI da Anderson Robóticas.

---

Cyantreuse

Máscara Quebrada

Planos de fundo atrás de manifestos feitos na Máscara Quebrada.

---

DrMacro

SCP Offices (Versão Sigma-9)

Os Velhos Escritórios — agora ainda mais velho. Co-criado com Dr Lekter.

---

etoisle

Y2K

Tema para aqueles que gostam da estética do início dos anos 2000 um pouco demais.

---

EstrellaYoshte

Natal

Tema para as temporadas de natal nevosas. Baseado no trabalho de Dc_Yerko e co-criado com stormbreath.

Paperstack

Tema para aqueles que gostam de seus artigos limpos.

Penumbra

Tema para aqueles que gostam de seus artigos limpos e em uma cor diferente.

Simple Yonder

Tipo o Sigma-9, mas simplificado.

Technoblast

O cânone da DAIA, renderizado.

---

GreenWolf

Terceira Lei

A cara distintiva do cânone da Terceira Lei.

7ª Guerra Oculta

O vermelho da 7ª Guerra Oculta.

Investigações Incomuns

Tema para a série da As Investigações Incomuns de Kenneth Spencer and Robin Thorne.

L200

Olhos Anônimos

Dos arquivos da Olhos Anônimos Ltda. diretamente para seu navegador!

Superintendente

Diretamente do Acervo Documental do Sítio PT33.

Lt Flops

Anon

Uma aparência diferente para a Parawatch Wiki.

Fundação SCP Clássica

Adaptação da aparência pre-2014 da wiki.

Flopstyle CSS

Layout CSS pessoal de Lt Flops.

---

MalyceGraves

Newspaper

A capa oficial do resumo das Notícias do Site.

---

MrPines

Laboratórios Prometheus

Interface dos Laboratórios Prometheus, agora disponível para todos.

---

Nagiros

Night Rush

Tema associado principalmente ao cânone do Catálogo Deepwell do Sítio-17, embora sem conexões oficiais.

---

NatVoltaic

Ad Astra

As ambientações de Ad Astra Per Aspera, visualizadas.

Segundo Hytoth

Tema para o GdI da Igreja do Segundo Hytoth. Adaptado para as obras de DrMacro does not match any existing user name.

---

NewyRose

Dia das Bruxas

Tema para aquela época assustadora do ano. Feita com a assistência de Uncle Nicolini e Croquembouche.

---

PeppersGhost

Centro Soca Tubarão

A cara de socar do Centro Soca Tubarão.

---

Placeholder McD

Retro DAIA

Paleta visual da Retro DAIA.

BLANKSTYLE CSS

Sítio-43, carte blank. Feito para e co-autorado com HarryBlank.

---

Randomini

Marshall, Carter & Dark

Tema para o negócio meio-legal da Marshall, Carter & Dark.

---

ROUNDERHOUSE

Ases e Oitos

Cânone do Ases e Oitos, agora em pergaminho.

Universidade Alexylva

Tema para a Universidade Alexylva e seus estudantes.

Instalação 57

Aparências do cânone da Instalação-57 da Filial Espanhola, visitando a Filial Lusófona. Co-criado com Dc_Yerko e Uncle Nicolini.

---

Silberescher

MC&D (Cinza)

A cara das ações bastante ilegais da Marshall, Carter & Dark.

---

stormbreath

Só Coisas de Garotas

Interface de Usuário da Só Coisas de Garotas, com 50% mais rosa do que nunca.

Fundação Caridosa Manna

Cores de ajuda da Fundação Caridosa Manna. originalmente feito por Dr Reach e retrabalhado junto com Uncle Nicolini.

Minimalista

Tema minimalizando a aparência da Wiki.

Viajante (Versão Clássica)

A cara clássica da Biblioteca do Viajante, agora disponível para os Carcereiros. Originalmente feito por ZeroStrider e adaptado com Salamander724.

Guerra em Todas as Frontes (Versão Sigma-9)

As guerras dos monstros marinhos da Guerra em Todas as Frontes em forma de tema.

Soluções Silvestres do Wilson

O ponto de vista de todas as criaturas e voluntários da Soluções Silvestres do Wilson. Co-criado com DarkStuff.

---

taylor_itkin

Dr. Wondertainment

Tema para o GdI da Dr. Wondertainment e conteúdo relacionado. Co-criado com DarkStuff.

p

---

TyGently

Céus Estranhos

Tema para a série do Skies Made Strange.

Terceira Lei — Cracked

A Terceira Lei não se sente muito bem.

---

The Great Hippo

Creepypasta

Interface e layout do site da Parawatch, disponível para o público.

---

Outros

Highlighter de Orgulho

Numerosas logos de Orgulho da Fundação, feito por Woedenaz.

Guia Editorial

Sinta-se livre para adicionar qualquer coisa que você ache que esteja faltando, ou edite a descrição de seu tema ao seu gosto!

Ao editar, por favor use o seguinte formato:

++ __Autor__
[[div class="tcontainer"]]

[[div class="caser"]]
[[image thumbnail1.png link="https://scp-pt-br.wikidot.com/theme:link-para-tema1"]]
++++* Nome1
[[span class="hoverdesc"]]Descrição curta que aparece ao passar o mouse.[[/span]]
[[/div]]

[[div class="caser"]]
[[image thumbnail2.png link="https://scp-pt-br.wikidot.com/theme:link-para-tema2"]]
++++* Nome2
[[span class="hoverdesc"]]Descrição curta que aparece ao passar o mouse.[[/span]]
[[/div]]

[[/div]]

A thumbnail deve apresentar uma proporção mais ou menos quadrada e um tamanho de arquivo (relativamente) pequeno.

Para Tradutores

Do momento em que esta página foi traduzida, 20/08/2021, todos os temas Sigma-9 da página já tiveram suas descrições traduzidas e estão escondidos nesta página; basta remover 2 linhas para deixar temas individuais visíveis e outras 4 para deixar seu respectivo autor visível. Autores com um único tema você só precisará deletar 4 linhas.

Basta procurar por linhas escrito DELETE ESTA LINHA PARA EXIBIR [X] e DELETE ESTA OUTRA LINHA TAMBÉM PARA EXIBIR [X], sendo X o nome do autor e/ou tema que será desocultado.

Veja Também

• Temas do Black Highlighter
• Ferramenta de Preparação CSS
• Política CSS da -EN