O Tema da Coalizão

---

Cores do Tema

Cinza de Payne--gray-monochrome(66, 66, 72)

Carolina--bright-accent(56, 117, 161)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Abalone--light-gray-monochrome(170, 170, 170)

Branco Fumaça--pale-gray-monochrome(244, 244, 244)

Bastilha--dark-gray-monochrome(48, 48, 52)

Cobalto--medium-accent(44, 74, 120)

Marinha--dark-accent(33, 40, 78)

Turquesa--newpage-color(187, 225, 250)

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

---

Uso

Este é um tema baseado em Black Highlighter, o que significa que você precisará importar o tema Black Highlighter também para pode usar este tema. Para saber mais, clique aqui.

Para importar este tema, basta adicionar o seguinte à sua página:

[[include :scp-pt-br:theme:black-highlighter-theme]]
[[include :scp-pt-br:theme:the-coalition-theme]]

Exemplos

Logo da Coalizão

Uma linha horizontal pode ser criada com 5 hifens "-----" e se estende por toda a página se não for colocada dentro de nada (como um bloco de citação, por exemplo). As linhas que separam as seções deste documento são linhas horizontais.

---

Títulos podem ser criados colocando de um a seis sinais de mais "+" no início da linha.

▼ Títulos

Primeiro Título

Segundo Título

Terceiro Título

Quarto Título

Quinto Título

Sexto Título

Abalador

Use sua imaginação e finja que tem Lorem Ipsum aqui.

Abalação

Ei, olhe, mais texto aqui.

Que chique.

Aba Longa

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Esta é uma aba longa. Ela tem muito texto.

Aba Vazia

Aba Vazia

Aba Vazia

Aba Vazia

Aba Vazia

Aba Vazia

weed lmao

Este é um bloco de citação, criado ao colocar "> " no começo de cada linha.
Mais texto

---

Isso é uma linha horizontal

Bloco de citação dentro de outro bloco de citação

E outro¹

Esta é uma	tabela
Você já deveria	saber como
fazer uma

---

A fonte do cabeçalho, título e corpo é Roboto.
A fonte monoespaçada usada é PT Mono.

Código

▼ Mostrar código

/*
    Coalition Theme
    [2020 Wikidot Theme]
    Created by Greyve with assistance from Calibri Bold and Croquembouche.
    Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
    CC BY SA 3.0.
*/
 
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500');
 
/* ROOT - Header & General Recoloring */
:root:lang(pt-br) {
 
/* Intro */
    --theme-base: "nuscp"
    --theme-id: "the-coalition-theme"
    --theme-name: "The Coalition Theme";
 
/* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:the-coalition-theme/GOClogo.png");
    --header-title: "Coalizão Oculta Global";
    --header-subtitle: "Da Mesa da Subsecretária Geral";
    --header-gradient-color-bottom: 44, 74, 120;
    --header-gradient-color-middle: 44, 74, 120;
    --header-gradient-color-top: 44, 74, 120;
    --gradient-header: linear-gradient(to top,
          rgb(var(--header-gradient-color-bottom)) 100%,
          rgb(var(--header-gradient-color-middle)) 100%,
          rgb(var(--header-gradient-color-top)) 100%);
    --diagonal-stripes: unset;
 
    --body-font: 'Roboto', sans-serif;
    --header-font: 'Roboto', sans-serif;
    --title-font: 'Roboto', sans-serif;
    --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
 
  /* Colors */
    --white-monochrome: 252, 252, 252; /* White */
    --pale-gray-monochrome: 244, 244, 244; /* Light Grey (Quoteblocks) */
    --light-gray-monochrome: 170, 170, 170; /* Accent Light Gray (Login Status) */
    --gray-monochrome: 66, 66, 72; /* Gray */
 
    --pale-accent: 167, 188, 201; /* Pale Blue*/
    --bright-accent: 56, 117, 161; /* Steel Blue*/
    --medium-accent: 44, 74, 120; /* Deep Blue */
    --dark-accent: 32, 40, 78; /* Navy */
    --newpage-color: 187, 225, 250; /* Pale Turquoise */
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--dark-accent);
    --swatch-topmenu-bg-color: var(--dark-accent);
 
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--black-monochrome);
 
       /* Link Colors */
    --link-color: 27, 65, 94 ;
    --visited-link-color: 133, 193, 233;
    --hover-link-color: 133, 193, 233;
}
 
/* Top-Bar Open Button on Mobile */
#top-bar > div.mobile-top-bar > div.open-menu > p > a {
    color: rgb(var(--gray-monochrome)) !important;
}
 
/* Adjusts Header Size */
 
/* Undo the mobile Image Resize */
@media only screen and (max-width: 768px) {
    #header {
        background-size: 0.625rem 2.500rem;
        background-repeat: no-repeat;
        background-position: left 0.75rem top 1.1875rem;
        background-clip: border-box;
        background-size: auto 5.375rem;
    }
}
 
/* L2 has been here */
@media (max-width: 767px) {
    #side-bar .side-bar-container {
        background-color: unset !important;
        padding: 0 !important;
    }
}

Notas de rodapé

1. E aqui temos uma nota de rodapé!