TEMA REDTAPE

CLARO / ESCURO

Esse é um tema para os artigos da linha do tempo REDTAPE // EM MAÍSCULO de ROUNDERHOUSE. Por favor, pergunte se você gostaria de usar o tema e contribua!

REDTAPE

Core do Tema

Navio Cinza--gray-monochrome#424248

Tijolo refratário--bright-accent#c02727

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

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

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

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

Ameixa Persa--medium-accent#711515

Sangue Seco--dark-accent#460d0d

{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}

{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$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}

Thumbnail REDTAPE.

Nota:

Este é um tema baseado no BlackHighlighter. Você precisará importar o tema Black Highlighter também a fim de usar este tema. Para aprender mais clique aqui.

Em qualquer wiki:

[[include :scp-pt-br:theme:black-highlighter-theme]]
[[include :scp-pt-br:theme:redtape
|dark=--] <- Isso é algo opcional caso você queira usar a versão do modo escuro do tema. Se você omitir isso, o padrão será o modo claro.
|years=XX <- Isso define os minutos como meia-noite no subcabeçalho e no relógio. Para todos os artigos que assinam a linha do tempo REDTAPE, meia-noite é 2043.
]]

Exemplos

Uma linha horizontal pode ser criada com 4 hifens "----" e se estende por toda a página se não for colocada dentro de nada (como uma citação). As linhas separando este documento em seções são linhas horizontais.

Títulos podem ser criados colocando de um a seis sinais de mais "+" no começo da linha

+ Títulos

Basta usar sua imaginação e fingir que há um Lorem Ipsum aqui.

Link visitado
Link não visitado
Link faltando

Esta é uma citação, criada ao colocar "> " no começo de cada linha, ou use [[div class="blockquote"]].
Mais texto

Isso é uma linha horizontal

Citação dentro de citação

E outra¹

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

Este artigo tem vários divs variados que você pode usar para destacar a formatação do seu artigo. Aqui está uma lista:

» Adendo Cabeçalho

TRANSCRIÇÃO ANEXADA - JUNHO DE 1983

[[div class="doc"]]
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

[[div class="addendum"]]
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

» Cabeçalho Inclinado

[[image https://scp-wiki.wdfiles.com/local--files/theme:redtape/redtapethemethumbnail.png class="angled"]]

» Divs da Fundação

NOTA DA FUNDAÇÃO

[[div class="foundation"]]

NOTA DA FUNDAÇÃO 'NEVE'

[[div class="foundation snow"]]

NOTA DA ADMINISTRAÇÃO DE REGISTROS, ARQUIVOS E SEGURANÇA DE INFORMAÇÕES DA FUNDAÇÃO

[[div class="foundation raisa"]]

NOTA DA FUNDAÇÃO 'GUERRE'

[[div class="foundation alt"]]

» div da GOC

ARQUIVO DA COALIZAÇÃO OCULTA GLOBAL

[[div class="addendum goc"]]

NOTA DA COALIZAÇÃO OCULTA GLOBAL

[[div class="addendum goc notice"]]

» Divs de Cores Genéricas

Nota Genérica FILESERV

[[div class="generic red"]]

Nota Genérica FILESERV

[[div class="generic blue"]]

Nota Genérica FILESERV

[[div class="generic yellow"]]

Nota Genérica FILESERV

[[div class="generic purple"]]

» Barra de navegação

REDTAPE também possui uma barra de navegação modular daora. Confira algumas de suas variantes

Dos 001

Link Para Entradas de Séries com central

Primeira entrada em uma série

Entradas mais recentes em uma série

A Fonte do Cabeçalho e do Título é Secular One.
A Fonte do Corpo é Telex.
A Fonte do Monoespaçado usada é PT Mono.

+ Mostrar código do tema

- Ocultar código do tema

/*
REDTAPE Theme
[2022 Wikidot Theme]
Created by ROUNDERHOUSE
Thanks to estrellayoshte, stormbreath, stephlynch, Woedenaz for critique and help.
Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
The clock logo was created by EstrellaYoshte, based off the SCP Foundation logo. Licensed under CC BY SA 3.0.
The topography background was created by Steve Schoger of https://heropatterns.com, licensed under CC BY 4.0.
The red tape design in the header was created by stephlynch, licensed under CC BY SA 3.0.
*/
 
/* *** FONTS *** */
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Telex&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
 
/* *** ROOT VARS *** */
 
:root {
    --theme-id: "REDTAPE";
    --theme-name: "REDTAPE";
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/midnightwhite.png");
    --header-title: "REDTAPE";
    --header-subtitle: "{$years} Minutos até a Meia-noite";
    --header-font: 'Secular One', sans-serif;
    --title-font: 'Secular One', sans-serif;
    --body-font: 'Telex', sans-serif;
 
    --minutes-to-midnight: {$years};
 
    /* Standard Colors */
    --white-monochrome: 252,
    252,
    252;
    /* white */
    --pale-gray-monochrome: 244,
    244,
    244;
    /* v light gray for blockquotes and stuff */
    --light-gray-monochrome: 170,
    170,
    170;
    /* light accent gray for login status */
    --gray-monochrome: 66,
    66,
    72;
    /* gray */
    --dark-gray-monochrome: 48,
    48,
    52;
    /* dark accent gray for sidebar background */
    --black-monochrome: 12,
    12,
    12;
    /* black */
    --pale-accent: 192,
    39,
    39;
    --bright-accent: 192,
    39,
    39;
    /* bright blue */
    --medium-accent: 113,
    21,
    21;
    /* pale blue */
    --dark-accent: 70,
    13,
    13;
    /* v pale blue */
    --newpage-color: 164,
    194,
    236;
 
    /* ===PRIMARY COLORS=== */
    /* ===GENERAL COLORS=== */
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
    --swatch-border-color: var(--black-monochrome);
 
    /* ===GENERAL TEXT COLORS=== */
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--black-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    --swatch-important-text: var(--bright-accent);
 
    /* ===MENU COLORS=== */
    /* ===MENU BACKGROUND COLORS=== */
    --swatch-menubg-color: var(--bright-accent);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
 
    /* ===MENU TEXT COLORS=== */
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
    --swatch-background: var(--white-monochrome);
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--bright-accent);
    --background-gradient-color: var(--bright-accent);
    --background-gradient-distance: 18rem;
 
    --topbar-height-on-desktop: 1.5rem;
    --topbar-height-on-mobile: 3.5rem;
 
    --gradient-topmenu: radial-gradient(circle, rgb(var(--bright-accent)) 81%, rgba(var(--medium-accent), 0.1) 94%);
    --gradient-topmenu-mobile: none;
 
    --swatch-tertiary-color: var(--dark-accent);
    --swatch-secondary-color: var(--bright-accent);
    --swatch-text-tertiary-color: var(--white-accent);
    --swatch-text-secondary-color: var(--white-monochrome);
 
    --rating-module-text-color: var(--swatch-secondary-color);
 
    --toggle-border-color: rgb(var(--bright-accent));
    --toggle-icon-color: rgb(var(--bright-accent));
    --toggle-roundness: 1%;
    --toggle-button-bg: rgb(var(--white-monochrome));
 
    --barColour: #c02727 !important;
    --tabs-content-bg-color: var(--white-monochrome),
    0.25;
    --tabs-content-border-color: var(--bright-accent);
 
    --dropdown-bg-color: var(--white-monochrome),
    0.9;
    --dropdown-border-color: var(--swatch-text-tertiary-color),
    0.5;
    --dropdown-links-color: var(--bright-accent);
    --dropdown-links-bg-color: 0,
    0,
    0,
    0;
    /* Transparent */
    --dropdown-links-hover-color: var(--white-monochrome);
    --dropdown-links-hover-bg-color: var(--swatch-primary);
 
    --modal-bg: var(--swatch-secondary-color);
    --modal-body-text: var(--swatch-text-tertiary-color);
    --modal-body-header-txt: var(--swatch-text-tertiary-color);
 
    --modal-header-stripe: var(--swatch-primary);
 
    /* ===FOOTNOTES HOVER BLOCK=== */
    --hoverblock-bg: var(--white-monochrome);
    --hoverblock-txt: var(--bright-accent);
 
    --pagetags-title-bg: var(--bright-accent);
}
 
/* *** FOOTNOTES *** */
 
.bibitems,
.footnotes-footer {
    background-color: #d3d3d370;
    box-shadow: inset .5em 0 0 0 rgba(var(--bright-accent), 1);
    border-radius: 5px;
}
 
.bibitems .title,
.footnotes-footer .title {
    width: inherit;
    background-color: rgb(var(--bright-accent));
    -webkit-clip-path: polygon(94.49% 0px, 100% 43.55%, 100% 100%, 0px 100%, 0px 0px);
            clip-path: polygon(94.49% 0px, 100% 43.55%, 100% 100%, 0px 100%, 0px 0px);
    border-radius: 5px 0 0;
}
 
.bibitems .bibitem::after,
.footnotes-footer a[href*="javascript"]::before {
    background-color: transparent;
}
 
/* *** LICENSEBOX *** */
 
.licensebox {
    text-align: center;
}
 
.licensebox .collapsible-block-content {
    text-align: left;
}
 
.licensebox .collapsible-block-link {
    background: rgb(var(--bright-accent));
    color: white;
    border-radius: 4px;
    padding: 4px;
    font-family: var(--mono-font);
}
 
/* *** SIDEBAR *** */
 
#side-bar .side-block.media a::before {
    background-color: rgb(var(--white-monochrome));
}
 
#side-bar div.menu-item a::before,
#interwiki div.menu-item a::before {
    background-color: rgb(var(--dark-accent));
}
 
.side-block a:hover {
    background-color: black;
}
 
/* *** TABS *** */
 
.yui-navset .yui-content {
    background: rgba(var(--white-monochrome), .75);
}
 
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    background: rgb(var(--white-monochrome)) !important;
}
 
.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em {
    color: rgb(var(--bright-accent));
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-nav .selected a em {
    color: rgb(var(--white-monochrome));
}
 
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    background: rgb(var(--black-monochrome));
}
 
/* *** TOPBAR *** */
 
#top-bar {
    background: rgb(var(--bright-accent));
    border-radius: 4px;
}
 
#header div[class*="top-bar"]>ul>li>ul {
    border: none;
}
 
#header div[class*="top-bar"]>ul>li ul>li {
    background-color: rgb(var(--black-monochrome));
}
 
#header div[class*="top-bar"]>ul>li>ul li>a {
    color: rgb(var(--bright-accent));
}
 
#header div[class*="top-bar"]>ul>li ul>li {
    background-color: rgb(var(--white-monochrome));
}
 
#header div[class*="top-bar"]>ul>li>ul li>a {
    color: rgb(var(--bright-accent));
}
 
/* *** HEADER *** */
 
#content-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
    background-size: contain;
    z-index: -1;
}
 
#content-wrap {
    background-color: #ffffffa3;
    background-blend-mode: multiply;
}
 
#header::before {
    height: calc(100% - var(--topbar-height-on-desktop));
    aspect-ratio: 1;
    left: 50%;
    top: 0.3rem;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/Untitled2.png);
    background-size: contain;
    transform: translatex(-50%);
    -webkit-filter: invert(1);
            filter: invert(1);
}
 
#header::after {
    content: "";
    display: block;
    position: absolute;
    background: white;
    opacity: 0.75;
    height: 25.5%;
    width: 0.5rem;
    bottom: 53%;
    left: calc(50% - 0.25rem);
    transform-origin: bottom center;
    transform: rotate(calc(360deg - 30deg * var(--minutes-to-midnight)/60));
}
 
#extra-div-1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background: #f4f4f4;
    pointer-events: none;
}
 
#extra-div-2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topotrans.png");
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    pointer-events: none;
    filter: invert(70%);
    -webkit-filter: invert(70%);
}
 
#extra-div-3 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/redtapes.png");
    background-size: 130%;
    background-position: center;
    background-repeat: repeat-x;
    pointer-events: none;
}
 
/* *** MISC PAGE STYLING *** */
.page-source {
    box-shadow: 1px 1px 4px rgba(var(--dark-accent), 0.55);
}
 
#page-content div.b-tables table.wiki-content-table th,
#page-content table.wiki-content-table th {
    background: rgb(var(--bright-accent));
}
 
#page-content>.collapsible-block {
    border-color: rgb(var(--bright-accent));
}
 
#page-content>h1 span,
#page-content>h2 span,
#page-content>h3 span,
#page-content>h4 span,
#page-content>h5 span,
#page-content>h6 span {
    text-transform: uppercase;
}
 
#login-status #account-options {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topotrans.png);
    background-size: contain;
    background-color: rgb(var(--bright-accent));
    background-blend-mode: multiply;
}
 
#license-area a:active,
#license-area a:hover,
#footer a:active,
#footer a:hover {
    color: rgb(var(--white-monochrome));
}
 
div.obj {
    color: rgb(var(--white-monochrome)) !important;
}
 
#page-content>a {
    color: rgb(var(--bright-accent));
}
 
.page-rate-widget-box a {
    color: transparent;
}
 
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
    background-color: rgb(var(--bright-accent));
    border: 4px solid rgb(var(--bright-accent));
}
 
form#edit-page-form .wd-editor-toolbar-panel a::before {
    background-color: rgb(var(--bright-accent));
}
 
#odialog-container div.owindow {
    background-color: white;
}
 
blockquote,
.blockquote,
div.blockquote,
[class*="blockquote"] {
    border-left: 5px rgb(var(--bright-accent)) solid;
    background: rgb(var(--white-monochrome));
    box-shadow: 1px 1px 4px rgba(var(--medium-accent), 0.5);
}
 
#main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"]) {
    background-color: rgb(var(--medium-accent));
    color: white;
}
 
#main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"]) {
    background-color: rgb(var(--medium-accent));
    color: white;
}
 
#main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"]) {
    background-color: rgb(var(--medium-accent));
    color: white;
}
 
.scp-image-caption {
    color: rgb(var(--white-monochrome));
}
 
.image-block,
.scp-image-block {
    box-shadow: 0px 0px 4px rgb(var(--medium-accent))
}
 
hr {
    border-top: none;
    height: .07rem;
    background: rgb(var(--bright-accent));
    border-left: 50px double #f4f4f4;
    border-right: 50px double #f4f4f4;
}
 
.code {
    color: white;
}
 
blockquote hr,
.blockquote hr,
div.blockquote hr,
[class*="blockquote"] hr {
    border-left: none;
    border-right: none;
}
 
a.btn {
    -webkit-clip-path: polygon(89% 0, 100% 29%, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(89% 0, 100% 29%, 100% 100%, 0 100%, 0 0);
    color: rgb(var(--white-monochrome))!important;
}
 
form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:-moz-placeholder-shown) {
    color: rgb(var(--bright-accent));
}
 
form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:placeholder-shown) {
    color: rgb(var(--bright-accent));
}
 
/* *** DIVS *** */
 
.addendum {
    border: solid 2px rgb(var(--bright-accent));
    background: #F5F5F5;
    width: 84%;
    padding: 1px 15px;
    margin: 10px auto;
}
 
.label {
    background: rgb(var(--bright-accent));
    color: white;
    padding: 3px;
    border-radius: 4px;
    font-family: monospace;
    white-space: nowrap;
}
 
.doc {
    background-color: rgb(var(--bright-accent));
    color: white;
    font-family: var(--mono-font);
    padding: 0 1.5rem;
    font-size: 1.1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    top: -2em;
    border-radius: 4px;
    margin-bottom: -3rem;
}
 
.addendum {
    margin-top: 1.6rem;
}
 
.angled {
    -webkit-clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
            clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
    border-radius: 5px;
}
 
.foundation {
    border: solid 3px #444;
    background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
    padding: 1.5rem;
    margin-bottom: 10px;
    color: black;
}
 
.foundation p {
    margin: none;
}
 
.foundation.snow {
    background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
}
 
.foundation.raisa {
    background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
    background-size: 29rem;
    text-align: center;
}
 
.foundation.alt {
    background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
}
 
.goc {
    background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') -5rem -5rem no-repeat !important;
    border: none;
    border-left: 5px solid #275495;
    background-size: 30rem;
    box-shadow: 1px 1px 4px #27549582;
    color: black;
}
 
.goc h1,
.goc h2,
.goc h3,
.goc h4,
.goc h5,
.goc h6 {
    font-family: 'Russo One', sans-serif;
    color: #5c95e6;
}
 
.goc hr,
.goc .label {
    background: #275495 !important;
}
 
.goc .scp-image-caption {
    background-color: #275495;
    box-shadow: none;
}
 
.goc.notice {
    width: 80%;
    margin: 0.625rem auto;
    padding: 0.9375rem;
    border: solid 0.125rem #5c95e6;
    background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') center no-repeat;
    background-size: auto;
    text-align: center;
    background-position: center !important;
}
 
.generic {
    position: relative;
    margin: 0.5em 1.25rem;
    padding: 0.825em 1.25em;
    clear: both;
    -webkit-clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
            clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
    border-left: 4px solid gray;
}
 
.generic hr {
    background: gray;
    border: none;
}
 
.generic h1,
.generic h2,
.generic h3,
.generic h4,
.generic h5,
.generic h6 {
    color: #515050;
}
 
.generic.red {
    background: #ff4a4a3d;
}
 
.generic.blue {
    background: #4a80ff3d;
}
 
.generic.yellow {
    background: #fff77f3d;
}
 
.generic.purple {
    background: #a561d536;
}
 
.flameframe {
    background: url('https://cdn.discordapp.com/attachments/1013691157999530004/1017164979906023504/unknown.png');
    color: white;
    background-size: 100% 100%;
    background-position: center;
}
 
/* *** NAVBAR *** */
 
.rnb-navbar {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.7rem;
    margin: 3rem 0rem;
}
 
.rnb-item {
    padding: 3px;
    text-align: center;
    width: 35%;
    border: 3px solid rgb(var(--bright-accent));
    background-attachment: fixed;
    background-size: contain;
}
 
.rnb-item a {
    font-family: var(--header-font);
    color: rgb(var(--bright-accent));
    font-size: 110%;
}
 
.rnb-item p {
    margin: 3%;
}
 
.rnb-last {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png');
    transition: all 0.25s ease-in-out;
}
 
.rnb-current {
    width: 30%;
    border: none;
    background-color: rgb(192, 39, 39);
    font-size: 140%;
    color: white;
    font-family: var(--header-font);
    letter-spacing: 3px;
    box-shadow: 1px 1px 4px rgba(var(--dark-accent), 0.75);
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/logo_SCP.png');
    background-size: 12rem;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: center;
    background-blend-mode: color-burn;
    text-shadow: 3px 0px 3px rgb(var(--dark-accent));
}
 
.rnb-current a {
    color: rgb(var(--white-monochrome)) !important;
}
 
.rnb-current a::before {
    content: "[";
}
 
.rnb-current a::after {
    content: "]";
}
 
.rnb-next {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png');
    transition: all 0.25s ease-in-out;
}
 
.rnb-last:hover,
.rnb-next:hover {
    background-color: rgb(var(--bright-accent));
    background-blend-mode: hard-light;
}
 
.rnb-last a,
.rnb-next a {
    transition: all 0.25s ease-in-out;
    text-decoration: none !important;
}
 
.rnb-last a:hover,
.rnb-last a:active,
.rnb-next a:hover,
.rnb-next a:active {
    text-decoration: none;
    text-shadow: #FF6868 1px 0 10px;
}
 
.rnb-supertitle {
    font-family: var(--header-font);
    color: rgb(var(--medium-accent));
    font-size: 70%;
    letter-spacing: 0.5rem;
    margin-left: 0.5rem;
}
 
.rnb-current .rnb-supertitle {
    letter-spacing: 0;
}
 
/* *** NAVBAR VARIANTS *** */
 
.rnb-item.goldproposal {
    background-color: rgba(164, 119, 84, 1);
    background-image: url('https://scp-wiki.wdfiles.com/local--files/rounderhouse-gold-proposal/AmapiRam.jpg');
    background-blend-mode: multiply;
    background-size: cover;
    background-attachment: local;
    border-color: rgb(91, 67, 48);
    background-position: center;
}
 
.rnb-item.goldproposal:hover {
    background-color: rgb(var(--bright-accent));
}
 
.rnb-item.goldproposal .rnb-supertitle,
.goldproposal a {
    color: #fdcc0a !important;
}
 
.rnb-item.goldproposal a:hover {
    text-shadow: gold 1px 0 10px;
}
 
.rnb-item.jadeproposal {
    border-color: #37782C;
    background-color: #295522;
    background-image: url('http://scptestwiki.wdfiles.com/local--files/jade/JadeHeader2k.jpg');
    background-blend-mode: luminosity;
    background-size: 170%;
    background-attachment: local;
    background-position: center;
}
 
.rnb-item.jadeproposal a,
.jadeproposal .rnb-supertitle {
    color: #78C46C !important;
}
 
.rnb-item.jadeproposal:hover {
    background-color: rgb(var(--bright-accent));
}
 
.rnb-item.jadeproposal a:hover {
    text-shadow: green 1px 0 10px;
}
 
.rnb-item.boneproposal {
border-color: #fff;
background-color: #040404;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Catacombe%2C_a_place_Denfert-Rochereau%2C_Paris.jpg/768px-Catacombe%2C_a_place_Denfert-Rochereau%2C_Paris.jpg');
background-blend-mode: luminosity;
background-size: initial;
background-position: revert-layer;
background-size: 170%;
background-attachment: local;
background-position: center;
}
.rnb-item.boneproposal a, .rnb-item.boneproposal .rnb-supertitle {
    color: #fff!important;
}
 
.rnb-item.boneproposal:hover {
    background-color: rgb(var(--bright-accent));
}
 
.rnb-item.boneproposal a:hover {
    text-shadow: white 1px 0 10px;
}
 
.rnb-current.gocnav {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/logo_GOC.png');
}
 
rnb-.current.raisanav {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/logo_RAISA.png');
}
 
.rnb-current.site7nav {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/logo_SITE7.png');
}
 
/* *** MOBILE *** */
 
@media only screen and (max-width: 765px) {
    #extra-div-3 {
     background-size: 310%;
    }
 
    #header::before {
     top: 0.75rem;
    }
 
    #header::after {
     bottom: 51%;
    }
 
    #header::after {
     width: 0.35rem;
     left: calc(50% - 0.19rem);
    }
}

:root {
    --swatch-text-general: var(--swatch-text-dark);
    --swatch-background: var(--black-monochrome);
    --swatch-text-tertiary-color: var(--dark-accent);
    --toggle-button-bg: rgb(var(--black-monochrome));
}
 
div.obj {
    color: rgb(var(--white-monochrome)) !important;
}
 
div.objclass::before {
    background-color: rgb(var(--white-monochrome)) !important;
}
 
#page-content a:visited {
    color: #E74E45;
}
 
#content-wrap:before {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topo.png);
}
 
#content-wrap {
    background-color: #0000005c;
}
 
#extra-div-1 {
    background: #111;
}
 
#extra-div-2 {
    filter: none;
    -webkit-filter: none;
}
 
blockquote,
.blockquote,
div.blockquote,
[class*="blockquote"] {
    background-color: #151515;
}
 
hr {
    border-color: #0e0e0e;
}
 
.bibitems,
.footnotes-footer {
    background-color: #5c5a5a70;
}
 
.image-block,
.scp-image-block {
    box-shadow: 0px 0px 4px rgb(var(--medium-accent));
}
 
.yui-navset .yui-content {
    background: rgba(var(--black-monochrome), .75);
}
 
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    background: rgb(var(--black-monochrome)) !important;
}
 
.addendum {
    background: #1C1C1C;
    color: white;
}
 
.addendum hr {
    border-color: #1C1C1C;
}
 
.goc {
    background-color: #111;
    color: #fff;
}
 
.generic {
    border-color: #e4e1e1;
}
 
.generic hr {
    background: #e4e1e1;
}
 
.generic h1,
.generic h2,
.generic h3,
.generic h4,
.generic h5,
.generic h6 {
    color: #e4e1e1;
}
 
.rnb-next,
.rnb-last {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topo.png');
}
 
.rnb-supertitle {
    color: rgb(var(--white-monochrome));
}

+ Show component code

- Hide component code

:root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
 
        --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
         #login-status::before {
            --mask-image: none;
            background-color: transparent;
        }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
         #search-top-box:focus-within ~ #login-status {
            opacity: 1;
        }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }

+ Mostrar código do componente

- Ocultar código do componente

@supports(display: grid) {
    :root {
     --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
     --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 769px) {
     #side-bar .close-menu {
     display: block;
     position: fixed;
     top: 0.5rem;
     left: 0.5rem;
     width: 3rem;
     height: 3rem;
     background: unset;
     opacity: 1;
     pointer-events: all;
     z-index: -1;
     }
 
     #side-bar .close-menu img {
     color: transparent;
     }
 
     #side-bar .close-menu::before,
     #side-bar .close-menu::after {
     content: "";
     box-sizing: border-box;
     position: fixed;
     display: block;
     top: 0.5rem;
     left: 0.5rem;
     width: 3rem;
     height: 3rem;
     padding: 0;
     margin: 0;
     text-align: center;
     pointer-events: all;
     cursor: pointer;
     transition:
     opacity var(--sidebar-transition-timing);
     }
 
     #side-bar .close-menu::before {
     --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
     z-index: -1;
     background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
     -webkit-mask: var(--mask);
     mask: var(--mask);
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: 50% 50%;
     mask-position: 50% 50%;
     -webkit-mask-size: 60%;
     mask-size: 60%;
     }
 
     #side-bar .close-menu::after {
     z-index: -2;
     background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
     border-radius: var(--toggle-roundness, 50%);
     border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
     }
 
     #side-bar:focus-within .close-menu,
     #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
     pointer-events: none;
     }
 
     #side-bar:focus-within .close-menu::before,
     #side-bar:focus-within .close-menu::after {
     opacity: 0;
     pointer-events: none;
     }
 
     #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
     #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
     opacity: 0;
     pointer-events: none;
     }
 
     #side-bar {
     display: block;
     position: fixed;
     top: 0;
     left: calc(var(--sidebar-width-on-desktop)*-1);
     z-index: 10;
     transition:
     left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     margin-top: 0;
     }
 
     #side-bar:focus-within {
     left: 0;
     }
 
     #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
     left: 0;
     }
 
     #side-bar .side-block {
     margin-top: 1rem;
     background-color: rgb(0, 0, 0, 0);
     border-radius: 0;
     border-left-width: 0px;
     border-right-width: 0px;
     }
 
     #main-content::before {
     content: "";
     display: block;
     position: fixed;
     top: 0;
     right: 0;
     z-index: -1;
     opacity: 0;
     transition:
     opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
     width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     margin-left: var(--sidebar-width-on-desktop);
     background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
     padding-right: 0;
     width: 100%;
     height: 100vh;
     pointer-events: none;
     z-index: 99;
     }
 
     #side-bar:focus-within ~ #main-content::before {
     width: calc(100% - var(--sidebar-width-on-desktop));
     opacity: 1;
     pointer-events: all;
     }
 
     #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
     width: calc(100% - var(--sidebar-width-on-desktop));
     opacity: 1;
     pointer-events: all;
     }
 
     @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
     padding: inherit;
     } }
 
     #content-wrap {
     display: flex;
     flex-direction: row;
     width: calc(100vw - (100vw - 100%));
     min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
     flex-grow: 2;
     height: auto;
     position: relative;
     margin: 0 auto;
     max-width: inherit;
     }
 
     #main-content {
     width: 100%;
     position: initial;
     max-height: 100%;
     padding: 2rem 1rem;
     max-width: var(--body-width-on-desktop, 45.75rem);
     margin: 0 auto;
     }
 
     #page-content {
     max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
     }
 
     @supports (-webkit-hyphens:none) {
     #side-bar {
     transition:
     left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
     padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
     background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     padding-right: 0;
     background-color: rgb(0, 0, 0, 0);
     pointer-events: all;
     overflow-x: visible;
     overflow-y: visible;
     z-index: 999;
     }
 
     #side-bar::-webkit-scrollbar {
     opacity: 0;
     -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     }
 
     #side-bar .close-menu::before {
     z-index: 999;
     }
 
     #side-bar .close-menu::after {
     z-index: 998;
     }
 
     #side-bar:hover .close-menu::before,
     #side-bar:hover .close-menu::after {
     opacity: 0;
     }
 
     #side-bar:hover {
     left: 0;
     background-color: rgba(var(--swatch-menubg-color), 1);
     padding-right: 0;
     }
 
     #side-bar:hover::-webkit-scrollbar {
     opacity: 1;
     }
 
     #side-bar:hover~#main-content::before {
     width: calc(100% - var(--sidebar-width-on-desktop));
     opacity: 1;
     pointer-events: all;
     }
     }
    }
}

o tema traduzido

revisão da página: 16, última edição: 10 May 2023 14:42

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

Fundação SCP

Filial Lusófona

CLARO / ESCURO

Esse é um tema para os artigos da linha do tempo REDTAPE // EM MAÍSCULO de ROUNDERHOUSE. Por favor, pergunte se você gostaria de usar o tema e contribua!

Core do Tema

Nota:

Exemplos

Primeiro Título

Segundo Título

Terceiro Título

Quarto Título

Quinto Título

Sexto Título

» Adendo Cabeçalho

» Cabeçalho Inclinado

» Divs da Fundação

NOTA DA FUNDAÇÃO

NOTA DA FUNDAÇÃO 'NEVE'

NOTA DA ADMINISTRAÇÃO DE REGISTROS, ARQUIVOS E SEGURANÇA DE INFORMAÇÕES DA FUNDAÇÃO

NOTA DA FUNDAÇÃO 'GUERRE'

» div da GOC

ARQUIVO DA COALIZAÇÃO OCULTA GLOBAL

NOTA DA COALIZAÇÃO OCULTA GLOBAL

» Divs de Cores Genéricas

Nota Genérica FILESERV

Nota Genérica FILESERV

Nota Genérica FILESERV

Nota Genérica FILESERV

» Barra de navegação

Dos 001

Link Para Entradas de Séries com central

Primeira entrada em uma série

Entradas mais recentes em uma série