Avaliação:
Avaliação c/ Informações:
Informações
Tema Clássico da Fundação SCP
Autor: Lt Flops
Publicado em 21 de Julho de 2020
Agradecimentos a stormbreath e
Croquembouche por verificarem o tema.

O Que é Isso?
Esta é uma versão moderna do Tema Clássico da Fundação SCP.
Ela foi adaptada do “Shiny Theme” da Wikidot, que a Wiki SCP usou como seu tema principal de 2008 a 2014.
Como Usar
Para usar este tema, copie este código e cole-o no topo de sua página:
[[include :scp-pt-br:theme:classic]]
Diferente de outros temas, este tema não possui uma logo.
Para que serve este tema?
Este tema existe para imitar a estética de um banco de dados mais antigo da SCP. Imagine um Terminal de Acesso da SCiPNET operando em software antigo do final dos anos 90 a meados dos anos 2000.
Este tema serve para uso em SCPs, Contos e outras páginas.
Exemplo de Formatação
![]() |
|
Bloco de Imagem Clássico (Veja o Código Fonte) |
---|
Cabeçalho N1
Cabeçalho N2
Cabeçalho N3
Cabeçalho N4
Cabeçalho N5
Cabeçalho N6
negrito | itálico | sublinhado | riscado | teletipado | superscriptsubscript
Digite 4 hífens ("----") para criar uma linha horizontal:
Citação
Citação Dentro de Citação
cabeçalho | cabeçalho | cabeçalho | cabeçalho | cabeçalho | cabeçalho |
---|---|---|---|---|---|
conteúdo | conteúdo | conteúdo | conteúdo | conteúdo | conteúdo |
**seletor de código falso{ propriedade de código falsa: valor de código falso; }@@
Um link (Um link que você provavelmente visitou)
- lista enumerada
- item da lista
- item da lista
- lista de marcadores
- item da lista
- item da lista
Conteúdo da aba
[[div class="templateInfo"]]
Código Fonte
/* Classic SCP Foundation Theme * [2020 Wikidot Theme] * Created by Lt Flops **/ /* ---- PAGE WRAP ---- */ div#container-wrap{ background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aclassic/classic_body_bg.png'); background-repeat: repeat-x; -webkit-background-size: 1px 562px; -moz-background-size: 1px 562px; background-size: 1px 562px; } /* ---- HEADERS ---- */ span, a{ word-break: unset; } h1{ font-size: 190%; } h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS", "Trebuchet", "Verdana", "Arial", "Helvetica", sans-serif; } #header h1, #header h2{ margin-left: -.16em; } #header h1{ max-height: 105px; margin: 0; } #header h2{ margin: 0; } /* ---- SITE HEADER ---- */ #header h1 a, #header h2 span{ color: transparent; text-shadow: none; } #header h1 a{ font-family: "Trebuchet MS", "Trebuchet", "Verdana", "Arial", "Helvetica", sans-serif; letter-spacing: 0; } #header h1 a::before, #header h2 span::before{ text-shadow: none; } #header h1 a::before{ content: "A Fundação SCP"; color: hsl(0, 0%, 93%); } #header h2 span::before{ content: "Assegurar, Conter, Proteger"; color: hsl(353, 100%, 30%); } /* ---- TOP MENU ---- */ #login-status ul a{ background: hsl(0, 0%, 93%); } #header{ background: none; } #top-bar ul li, #top-bar ul li ul{ box-shadow: none; } #top-bar ul li ul{ border-color: hsl(0, 0%, 27%); border-style: solid; border-width: 0 1px 1px; } #top-bar ul li a{ border-color: hsl(0, 0%, 27%); border-style: solid; border-width: 0 0 0 1px; } #top-bar ul li a::before{ content: "["; } #top-bar ul li a::after{ content: "]"; position: relative; /* NOTE: The Top Bar Menu has spaces after each bullet, which is why this is done: */ left: -.3em; } #top-bar ul li:nth-child(5) a::after{ left: unset; } #top-bar ul li ul li a::before{ content: unset; } #top-bar ul li ul li a::after{ content: unset; } .mobile-top-bar{ bottom: -.5px; } /* ---- SEARCH BOX ---- */ #search-top-box input.empty{ color: hsl(0, 0%, 45%); } #search-top-box-input{ color: hsl(0, 0%, 5%); background-color: hsl(0, 0%, 100%); border: 1px solid hsl(0, 0%, 47%); border-radius: 0; box-shadow: none; } #search-top-box-input:hover, #search-top-box-input:focus{ color: hsl(0, 0%, 5%); background-color: hsl(0, 0%, 100%); border: 1px solid hsl(0, 0%, 47%); box-shadow: none; } #search-top-box-form input[type="submit"]{ color: hsl(0, 0%, 5%); background: hsl(0, 0%, 96%); border: 1px solid hsl(0, 0%, 67%); border-radius: 0; box-shadow: none; font-size: 100%; font-weight: normal; } #search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus{ color: hsl(0, 0%, 5%); background: hsl(0, 0%, 87%); border: 1px solid hsl(0, 0%, 67%); box-shadow: none; } /* ---- SIDE MENU ---- */ #side-bar{ clear: both; padding: .78em; padding-bottom: 0; border: 1px solid hsl(0, 0%, 87%); border-radius: 0; box-shadow: none; } #side-bar .side-block{ margin-bottom: .78em; background: white; border: none; border-radius: 0; box-shadow: none; } #side-bar .heading{ padding-left: 0; color: hsl(0, 0%, 5%); border-bottom: 1px solid hsl(0, 0%, 67%); } /* ---- INFO BAR ---- */ body{ --barColour: hsl(0, 0%, 28%); } /* ---- INFO PANE ---- */ .creditRate{ margin-right: 0 !important; border: none !important; } .rate-box-with-credit-button{ background-color: hsl(0, 0%, 40%) !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } .creditButton p a{ color: hsl(0, 0%, 95%); border-left: none !important; } .rate-box-with-credit-button .fa-info:hover{ color: hsl(112, 100%, 77%); } .modalbox{ max-height: unset !important; border-radius: 0 !important; box-shadow: none !important; } /* ---- PAGE RATING ---- */ .page-rate-widget-box{ margin-right: 0; border-radius: 0; box-shadow: none; } .page-rate-widget-box .rate-points{ background-color: hsl(0, 0%, 40%) !important; border: none; border-radius: 0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown{ background-color: hsl(0, 0%, 87%); border: none; font-weight: normal; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a{ color: hsl(0, 0%, 5%); } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover{ color: hsl(0, 0%, 5%); background: hsl(0, 0%, 93%); text-decoration: underline; } .page-rate-widget-box .cancel{ background-color: hsl(0, 0%, 87%); border: none; border-radius: 0; } .page-rate-widget-box .cancel a{ color: hsl(0, 0%, 5%); text-transform: lowercase; } .page-rate-widget-box .cancel a:hover{ color: hsl(0, 0%, 5%); background: hsl(0, 0%, 93%); text-decoration: underline; } /* ----- GENERAL ----- */ body{ color: hsl(0, 0%, 5%); word-break: unset; } hr{ height: 0; margin: 1em 0; background-color: transparent; border-top: 1px solid hsl(0, 0%, 67%); } table.wiki-content-table td{ background-color: white; } /* ---- IMAGE BLOCK ---- */ .scp-image-block.block-right{ margin: 0 0 1em 2em; box-shadow: none; } /* ---- CLASSIC IMAGE BLOCK DIV ---- */ .classic-image-block{ float: right; width: 300px; margin: 0 0 1em 2em; text-align: center; } /* ---- YUI TABS ---- */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a{ /* ---- Tab Background Colour | [UNSELECTED] ---- */ background-color: hsl(0, 0%, 100%); /* -------- */ background-image: none; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus{ /* ---- Tab Background Colour | [HOVER] ---- */ background-color: hsl(0, 49%, 91%); /* -------- */ background-image: none; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover{ /* ---- Tab Background Colour | [SELECTED] ---- */ background-color: hsl(0, 70%, 35%); /* -------- */ background-image: none; } /* --- INTERWIKI --- */ #interwiki body{ overflow: hidden; } #interwiki .side-block{ background: hsl(127, 50%, 94%); border: 0; border-radius: 0; box-shadow: none; } #interwiki .heading{ margin: 0; padding-left: 0; color: hsl(0, 0%, 5%); border-color: hsl(0, 0%, 67%); } /* --- SELECTION --- */ ::selection{ background: hsl(0, 0%, 83%); } /* ---- MOBILE MEDIA QUERIES ---- */ @media (max-width: 767px){ #side-bar .side-block{ background-color: hsl(0, 0%, 100%); } #side-bar:after{ background-color: hsla(0, 0%, 30%, .2); } } @media (max-width: 479px), @media (min-width: 480px) and (max-width: 580px), @media (min-width: 581px) and (max-width: 767px){ #side-bar .side-block{ background-color: hsl(0, 0%, 100%); } #side-bar:after{ background-color: hsla(0, 0%, 30%, .2); } #header, .mobile-top-bar{ max-width: 95%; } .mobile-top-bar{ left: 0; } }