Tema Clássico da Fundação SCP

Temas do Sigma-9 » Tema Clássico da Fundação SCP

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

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

Índice

**seletor de código falso{ propriedade de código falsa: valor de código falso; }@@

Um link (Um link que você provavelmente visitou)

+ Uma colapsável

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;
     }
}

o tema traduzido

revisão da página: 13, última edição: 01 Jul 2022 10:41

Editar Avalie (0) Etiquetas Discutir Histórico Arquivos Impressão Ferramentas do site + Opções

Fundação SCP

Filial Lusófona

Informações

O Que é Isso?

Como Usar

Exemplo de Formatação

Cabeçalho N1

Cabeçalho N2

Cabeçalho N3

Cabeçalho N4

Cabeçalho N5

Cabeçalho N6

Código Fonte