
Tema BASALTO
TEMA BASALTO
VERSÃO 1.5
● O QUE É ISSO?
BASALTO é um tema aestético, que não é ligado a nenhum cânone, série, ou GdI, desenvolvido por Azamo does not match any existing user name e Placeholder McD como uma extensão do Tema Paperstack de
EstrellaYoshte.
Bem parecido com o Black Highlighter, o BASALTO altera uma grande quantia do layout do site, e muda vários elementos UI encobertos pela maioria dos temas em um esforço de aumentar a produtividade e acessibilidade do usuário. Também fica maneiro.
Para usar o BASALTO, simplesmente cole o seguinte código no seu artigo:
[[include :scp-pt-br:theme:basalt]]
● CONFIGURAÇÕES DE TEMA
Configurações de Tema, às vezes chamadas de Variáveis, são fragmentos extras de texto os quais usuários podem acrescentar ao módulo de inclusão do BASALTO para acrescentar ou remover certos aspectos.
Para aplicar uma Configuração, insira um dos exemplos listados abaixo depois da inclusão principal, mas antes dos dois colchetes no final, assim:
[[include :scp-pt-br:theme:basalt themesetting=a]]
Configurações de Tema podem facilmente ser combinadas. Para usar múltiplas delas de uma vez, siga a formatação abaixo:
[[include :scp-pt-br:theme:basalt firstthemesetting=a|secondthemesetting=a|thirdthemesetting=a]]
LISTA DE CONFIGURAÇÕES DE TEMA (A PARTIR DA VERSÃO 1.0)
hidetitle=a |
Remove o título da página. |
acsanimation=a |
Desativa o componente ACS Animado, que está ativado por padrão. |
darkmode=a |
Ativa o Modo Escuro. (Veja: ÔNIX (Modo Escuro)) |
redmode=a |
Ativa o Modo Vermelho. O Modo Escuro é OBRIGATÓRIO para que isso funcione adequadamente. (Veja: GRANADA (Modo Vermelho)) |
darksidebar=a |
Aplica o estilo da barra lateral do Modo Escuro em artigos de Modo Claro. |
● CUSTOMIZAÇÃO
MUDAR TÍTULO/SUBTÍTULO/LOGO
Se você gostaria de mudar o título, subtítulo, e/ou logo exibidos no cabeçalho, use o seguinte código:
:root {
--logo: url(<link da imagem aqui>);
--title: "<texto do título aqui>";
--subtitle: "<texto do subtítulo aqui>";
}
É recomendado manter a propriedade --title mais ou menos no mesmo comprimento do texto padrão (ou mais curto), para evitar problemas de exibição em dispositivos móveis.
Por padrão, a logo e texto mostrados na barra lateral são os mesmos do cabeçalho. Se você gostaria de mudar isto, use o seguinte código:
:root {
--sidelogo: url(<link da imagem aqui>);
--sidesubtitle: "<texto aqui>";
}
ÔNIX (MODO ESCURO)

ÔNIX
Para ativar o Modo Escuro, use a seguinte Configuração de Tema, como detalhado anteriormente:
[[include :scp-pt-br:theme:basalt darkmode=a]]
GRANADA (MODO VERMELHO)

GRANADA
Para ativar o Modo Vermelho, use a seguinte Configuração de Tema, como detalhado anteriormente:
[[include :scp-pt-br:theme:basalt darkmode=a|redmode=a]]
● INCLUSO COM BASALTO
COMPONENTES
BASALTO vem pré-embalado com diversos componentes feitos pela comunidade:
…E faz algumas alterações visuais a estes, caso você os inclua:
TEMAS
BASALTO rouba pega emprestado alguns elementos de:
EXEMPLOS

Image block
Uma linha horizontal pode ser criada com 4 hífens "----" e se extende pela página inteira se não estiver dentro de nada (como uma citação). As linhas que separam este documento em seções são linhas horizontais.
Um link que você provavelmente visitou
Títulos podem ser criados colocando de um a seis sinais de mais "+" no começo da linha.
Primeiro Título
Segundo Título
Terceiro Título
Quarto Título
Quinto Título
Sexto Título
Isso é um span de Big Text. Use [[span class="bigtext"]] para criar um.
Isso é um span de Special Text. Use [[span class="st"]] para criar um.
Spans de Special Text mudam de cor quando colocados dentro de divs de tabela colorida, como mostrado abaixo. Isso é para você, Placeholder.
- Abalador
- Abalação
- Aba Longa
- Esta aba vazia bem aqui tem um nome bem longo.
- Aba Vazia
- Aba Vazia
- Aba Vazia
- Aba Vazia
- Aba Vazia
O que a caixinha de fósforo disse pro fósforo?
Relaxa cara, não esquenta a cabeça.
Mais texto.
Que chique.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
Esta é uma aba longa. Ela contém muito texto.
░░░░░▄▄▄▄▀▀▀▀▀▀▀▀▄▄▄▄▄▄░░░░░░░
░░░░░█░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░▀▀▄░░░░
░░░░█░░░▒▒▒▒▒▒░░░░░░░░▒▒▒░░█░░░
░░░█░░░░░░▄██▀▄▄░░░░░▄▄▄░░░░█░░
░▄▀▒▄▄▄▒░█▀▀▀▀▄▄█░░░██▄▄█░░░░█░
█░▒█▒▄░▀▄▄▄▀░░░░░░░░█░░░▒▒▒▒▒░█
█░▒█░█▀▄▄░░░░░█▀░░░░▀▄░░▄▀▀▀▄▒█
░█░▀▄░█▄░█▀▄▄░▀░▀▀░▄▄▀░░░░█░░█░
░░█░░░▀▄▀█▄▄░█▀▀▀▄▄▄▄▀▀█▀██░█░░
░░░█░░░░██░░▀█▄▄▄█▄▄█▄████░█░░░
░░░░█░░░░▀▀▄░█░░░█░█▀██████░█░░
░░░░░▀▄░░░░░▀▀▄▄▄█▄█▄█▄█▄▀░░█░░
░░░░░░░▀▄▄░▒▒▒▒░░░░░░░░░░▒░░░█░
░░░░░░░░░░▀▀▄▄░▒▒▒▒▒▒▒▒▒▒░░░░█░
░░░░░░░░░░░░░░▀▄▄▄▄▄░░░░░░░░█░░
Esta é uma citação, criada ao colocar "> " no começo de cada linha.
Mais texto
Isso é uma linha horizontal
Citação dentro de citação
Isso é uma tabela normal |
---|
Texto aqui |
Tabelas são tingíveis embrulhando-as em divs especiais. Image blocks e spans de Special Text que são embrulhados nestes divs vão mudar de cor correspondentemente.
[[div class="table1"]]
Isso é uma tabela verde |
---|
Texto aqui |
[[div class="table2"]]
Isso é uma tabela azul |
---|
Texto aqui |
[[div class="table3"]]
Isso é uma tabela amarela |
---|
Texto aqui |
[[div class="table4"]]
Isso é uma tabela laranja |
---|
Texto aqui |
[[div class="table5"]]
Isso é uma tabela vermelha |
---|
Texto aqui |
[[div class="table6"]]
Isso é uma tabela roxa |
---|
Texto aqui |
Você também pode usar o seguinte div para criar tabelas quebradas.
[[div class="tableb"]]
Isso é uma tabela quebrada |
---|
Texto aqui |
Isso é um div de documento. Use [[div class="document"]] para criar um. É recomendado não fechar um dentro de outros divs.
Isso é um div de documento escuro. Use [[div class="darkdocument"]] para criar um. É recomendado não fechar um dentro de outros divs.
Isso é um div de memorando da RAISA. Use [[div class="raisa_memo"]] para criar um.
Isso é um div de memorando do Comitê de Classificação. Use [[div class="classification_memo"]] para criar um.
Isso é um div de memorando da ETTRA. Use [[div class="ettra_memo"]] para criar um.
Isso é um div de memorando do Comitê de Ética. Use [[div class="ethics_memo"]] para criar um.
Isso é um div de memorando de Anomalias Temporais. Use [[div class="temporal_memo"]] para criar um.
Isso é um div de memorando do Comando Supervisor. Use [[div class="overwatch_memo"]] para criar um.
Isso é um div de memorando do Departamento de Má Comunicação. Use [[div class="miscomm_memo"]] para criar um.
Isso é um div decorativo. Use [[div class="notation"]] para criar um.
Isso é outro div decorativo. Use [[div class="modal"]] para criar um.
Isso é um div modal menor! Use [[div class="smallmodal"]] para criar um.
Isso é um terceiro div decorativo! Use [[div class="jotting"]] para criar um.
Isso é um quarto div decorativo! Use [[div class="transcript"]] para criar um.
Isso é um quinto div decorativo! Use [[div class="papernote"]] para criar um.
A fonte do corpo é Inter.
A fonte do cabeçalho e de título é Work Sans.
A fonte monoespaçada é Fira Code.

ITEM Nº:
9999
CLASSE DE CONTENÇÃO:
TEMA-IEL

Um bloco de imagem com da div grid-item. Width recomendada é 300px.
Texto que fica ao lado da imagem
Este texto é contido dentro da div textbox. Essa div é feita para ser usada após a imagem do grid-item para preencher o vazio no lado esquerdo. Somente paragrafo(s) curto(s) devem estar aqui para evitar sobreposição de texto.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Texto normal começa aqui. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Este é um tema estético feito por EstrellaYoshte e inspirado pela interface vista em Containment Breach. Para usar este tema, coloque o seguinte texto no começo do artigo:
[[include :scp-pt-br:theme:paperstack]]
[[div class="logo"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png]]
[[/div]]
[[>]]
[[module Rate]]
[[/>]]
[[div class="header-container"]]
[[div class="text-item"]]
[[size 90%]]##grey|**ITEM Nº:**##[[/size]]
[[size 220%]]**(NÚMERO)**[[/size]]
[[/div]]
[[div class="text-item"]]
[[size 90%]]##grey|**CLASSE DE CONTENÇÃO:**##[[/size]]
[[size 220%]]**(CLASSE)**[[/size]]
[[/div]]
[[div class="grid-item"]]
[[include component:image-block name=(IMAGEM AQUI)|caption=(LEGENDA AQUI)|width=300px|align=center]]
[[/div]]
[[/div]]
[[div class="textbox"]]
Texto esquerdo aqui.
[[/div]]
Alternativamente, menos ou mais divs de text-item podem ser usadas (recomenda-se que se use apenas até quatro.)
[[include :scp-pt-br:theme:paperstack]]
[[div class="logo"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png]]
[[/div]]
[[>]]
[[module Rate]]
[[/>]]
[[div class="header-container"]]
[[div class="text-item"]]
TEXTO AQUI
[[/div]]
[[/div]]

Usando 1 div de text-item.

Usando 3 divs de text-item.

Usando 4 divs de text-item.
O link na div logo pode ser trocado por um customizado.
O cabeçalho também pode ser alterado usando o seguinte código:
[[module css]]
:root {
--header-title: "TÍTULO GRANDE DE CABEÇALHO";
--header-subtitle: "subtítulo menor de cabeçalho";
}
[[/module]]
Esta é uma tab view.
Ei olhe, mais texto aqui.
Que chique.
Esta é uma aba longa. Ela tem muito texto.1
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.
Este é um bloco de citação, criado ao colocar "> " no começo de cada linha.
Mais texto
Isso é uma linha horizontal
Citação dentro de citação.
Esta é uma | tabela |
---|---|
Você já deveria | saber como |
fazer um |
A fonte do cabeçalho é Josefin Sans.
A fonte do corpo é Oxygen.
A fonte monoespaçada é Fira Code.
Código Fonte:
/* 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; } }
:root { --posX: calc(50% - 358px - 12rem); } /*--- Footnote Auto-counter --*/ #page-content { counter-reset: megacount; } /*--- Footnote Superscript Number --*/ .fnnum { display: inline-block; text-indent: calc(-1% - 0.1em); overflow: hidden; line-height: 83%; text-decoration: none; font-weight: bold; font-style: initial; color: transparent; position: relative; top: -0.25em; font-size: 82%; padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px); margin-left: -0.06em; margin-right: -0.25em; counter-increment: megacount; user-select: none; } .fnnum::after { content: "" counter(megacount); color: var(--fnColor, #E6283C); } .fnnum:hover { text-decoration: none; cursor: pointer; background-color: var(--fnColor, #E6283C); } .fnnum:hover::after { color: white; } /*--- Footnote Content Wrapper --*/ .fncon { position: absolute; right: calc(var(--posX) + 80px); line-height: 1.2; padding: 0.82rem; width: 10.3rem; background: white; border: 2px solid black; font-weight: initial; font-style: initial; text-align: initial; pointer-events: none; opacity: 0; transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94); z-index: 9; } .fnnum:hover + .fncon { opacity: 1; right: var(--posX); } .fncon::before { position: absolute; top: 0; left: 0; transform: translateX(-52%) translateY(-55%) scale(1.15); background-color: var(--fnColor, #E6283C); color: white; content: counter(megacount); font-size: initial; font-weight: bold; font-style: initial; padding-left: 0.32em; padding-right: 0.32em; padding-top: 0.18rem; padding-bottom: 0.08rem; } /*--- Mobile Query --*/ @media only screen and (max-width: 1279px) { .fncon { position: fixed; bottom: 1.3rem; left: calc(11% - 50px); width: 70%; transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94); } .fnnum:hover + .fncon { left: 11%; } }
:root { --timeScale: 1; --timeDelay: 0s; } /* Converting middle divider from box-shadow to ::before pseudo-element */ .anom-bar > .bottom-box { box-shadow: none!important; } .anom-bar > .bottom-box::before { position: absolute; content: " "; width: 100%; height: 0.5rem; background-color: rgb(var(--black-monochrome, 12, 12, 12)); transform: translateY(-0.74rem); } /* DIVIDER */ .anom-bar > .bottom-box::before { animation-name: divider; animation-duration: calc(0.74s * var(--timeScale)); animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32,.38,.39,.94); animation-fill-mode: backwards; } /* CLASSIFIED LEVEL BARS */ div.top-center-box > * { animation-name: bar; animation-duration: calc(0.45s * var(--timeScale)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); } /* TOP TEXT */ div.top-left-box, div.top-right-box { clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%); } div.top-left-box > *, div.top-right-box > * { position: relative; animation-name: bottomup; animation-duration: calc(0.65s * var(--timeScale)); animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } /*-----------------------------------*/ /*-----------------------------------*/ /* CONTAINMENT, DISRUPTION, RISK CLASSES */ div.text-part > * { clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%); animation-name: expand2; animation-duration: calc(0.5s * var(--timeScale)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.text-part > :nth-child(1) { animation-name: expand1; } div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); } div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); } div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); } div.main-class::before, div.main-class::after { animation-name: iconslide; animation-duration: calc(0.45s * var(--timeScale)); animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } /* BOTTOM TEXT */ div.main-class > *, div.disrupt-class > *, div.risk-class > * { white-space: nowrap; animation-name: flowIn; animation-duration: calc(0.42s * var(--timeScale)); animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } /*-----------------------------------*/ /*-----------------------------------*/ /* DIAMOND */ div.arrows { animation-name: arrowspin; animation-duration: calc(0.7s * var(--timeScale)); animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.quadrants > * { animation-name: fade; animation-duration: calc(0.3s * var(--timeScale)); animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.top-icon, div.right-icon, div.left-icon, div.bottom-icon { animation-name: nodegrow; animation-duration: calc(0.4s * var(--timeScale)); animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.diamond-part { clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%); animation-name: diamondBorder; animation-duration: calc(0.8s * var(--timeScale)); animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32,.38,.39,.94); animation-fill-mode: backwards; will-change: box-shadow; } /* MOBILE QUERY */ @media (max-width: 480px ) { .anom-bar > .bottom-box::before { display:none; } .anom-bar > .bottom-box { box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important; } div.top-center-box > * { animation-name: bar-mobile; animation-duration: calc(0.9s * var(--timeScale)); } div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); } } /*--- Motion Accessibility ---*/ @media (prefers-reduced-motion) { div.anom-bar-container { --timeScale: 0!important; } } /*-------------------------*/ @keyframes divider { from { max-width: 0%; } to { max-width: 100%; } } @keyframes bar { from { max-width: 0%; } to { max-width: 100%; } } @keyframes bar-mobile { from { max-height: 0%; } to { max-height: 100%; } } @keyframes bottomup { from { top: 100px; } to { top: 0; } } @keyframes expand1 { from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); } to { opacity: 1; clip-path: inset(0); } } @keyframes iconslide { from { opacity: 0; transform: translateX(-5rem); } to { opacity: 1; transform: translateX(0); } } @keyframes expand2 { from { opacity: 0; width: 1%; } to { opacity: 1; width: calc(100% - 0.25rem); } } @keyframes fade { from { opacity: 0; } to { opacity: 1; } } @keyframes flowIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes arrowspin { from { clip-path: circle(0%); transform: rotate(135deg); } to { clip-path: circle(75%); transform: rotate(0deg); } } @keyframes nodegrow { from { transform: scale(0);} to { transform: scale(1);} } @keyframes diamondBorder { from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); } to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); } }
/* BASALT Theme [2021 Wikidot Theme] By Azamo & Placeholder McD Based on: Paperstack Theme by EstrellaYoshte Minimal Theme by Stormbreath BLANKSTYLE CSS by Placeholder McD & HarryBlank PLACESTYLE CSS by Placeholder McD Simple Yonder Theme by EstrellaYoshte Tab animation by Croquembouche */ @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* MAIN */ /* ======================= */ :root { --title: "FUNDAÇÃO SCP"; --subtitle: "FILIAL LUSÓFONA"; --barColour: rgb(20, 20, 20); --fnColor: rgb(15, 15, 15); --logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_logotype_black.png); --sidelogo: var(--logo); --sidesubtitle: var(--subtitle); } body { background: rgb(255, 255, 255); font-family: 'Inter', sans-serif; } #main-content { top: -2.8rem; } #container-wrap-wrap { overflow-x: hidden; } /* ======================= */ /* HEADER & TOPBAR */ /* ======================= */ #extra-div-1 { z-index: 9; position: fixed; top: 0; left: 0; width: 1000vw; height: 5rem; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); background: white; } #extra-div-2 { z-index: 9; position: fixed; top: 0; left: 0; width: 1000vw; height: 5rem; } #extra-div-1::before { content: var(--title); position: fixed; left: 8.5rem; top: 0.7rem; color: black; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 27.45px; animation: slideLeft 1s; transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); } #extra-div-2::before { content: var(--subtitle); position: fixed; font-size: 1.22em; left: 8.5rem; top: 2.5rem; color: #272842; font-family: 'Work Sans', sans-serif; font-weight: 700; animation: slideLeft 1s; } #u-header-link { display: block; position: fixed; top: 0.6rem; left: 8.3rem; height: 3.5rem; width: 15.7rem; z-index: 21; } .logo { z-index: 10; position: fixed; width: 4.5rem; height: 4.5rem; top: 0.2rem; left: 3.6rem; transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); animation: slideLeft 1s; background-image: var(--logo); background-size: contain; background-repeat: no-repeat; background-position: center; } .logo:hover { transform: rotate(348deg); } #header { height: 5rem; } #header h1, #header h2 { display: none; } #top-bar { position: fixed; align-items: stretch; display: flex; flex-direction: row; justify-content: flex-start; text-transform: uppercase; font-family: 'Work Sans', sans-serif; font-weight: 800; animation: slideLeft 1s; top: 1.7rem; max-width: 50rem; min-width: 8rem; font-size: 90%; font-weight: 800; left: 25.4rem; } #top-bar div.open-menu a { display: none; } #top-bar ul { float: left; } #top-bar ul li ul { border: none; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { background-color: #F4F4F4; } #top-bar ul li>a { border: none; } #top-bar a { filter: grayscale(100%) saturate(0%); -webkit-filter: grayscale(100%) saturate(0%); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #F4F4F4; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { border: none; } #top-bar ul li>a { transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); } #top-bar ul li>a:hover { transform: translate(0px, -3px); border: none; } #top-bar ul li ul li>a:hover { animation: none; } @keyframes translateTop { 0% { opacity: 1; } 100% { transform: translate(0px, -3px); } } @keyframes slideLeft { 0% { transform: translate(-200px, 0px); opacity: 0; } 100% { opacity: 1; } } @keyframes tilt { 0% { opacity: 1; } 100% { transform: rotate(360deg); } } #login-status { position: fixed; top: 0.65rem; right: 2rem; width: fit-content; font-size: 0.78em; text-align: center; color: transparent; } #login-status > a > strong { margin-right: 0.7rem; font-size: 0.7rem; } #login-status > span { color: #333; font-family: 'Work Sans', sans-serif; font-weight: 700; } #login-status span.printuser img { font-size: 0; transform: translate(6px, 5px); } #login-status a#my-account { display: none; } #account-topbutton { border: none; margin-left: -0.25rem; } div#search-top-box { width: 2rem; position: fixed; top: 0.76rem; right: 0.2rem; z-index: 21; } #search-top-box-input { display: none; } #search-top-box-form>input[type=submit], #search-top-box-form>input[type=submit]:hover, #search-top-box-form>input[type=submit]:focus, #search-top-box-form>input[type=submit]:target { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E") 50%/0.8rem no-repeat, #000 !important; border: none; border-radius: 30%; font-size: 0; height: 1.2rem; width: 1.2rem; margin-top: 0.2rem; } .mobile-top-bar { left: unset; } /* ======================= */ /* SIDEBAR */ /* ======================= */ #u-sb-button { display: block; position: fixed; top: 0.5rem; left: 0.9rem; height: 4rem; width: 45px; color: black; font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 2.5rem; text-decoration: none !important; z-index: 21; transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); animation: slideLeft 1s; } #u-sb-button:hover { font-weight: 900; } #side-bar { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); background: linear-gradient( 0deg, rgba(255, 255, 255, 1) 87%, rgba(250, 250, 250, 1) 100%); text-transform: uppercase; font-family: 'Work Sans', sans-serif; font-weight: 400 !important; overflow-x: hidden; } #side-bar::before { content: var(--sidesubtitle); background: var(--sidelogo); background-size: 4.5rem; background-repeat: no-repeat; background-position: top center; padding-bottom: 0.3rem; padding-top: 4.7rem; display: inline-block; border-bottom: double 5px black; font-family: 'Work Sans', sans-serif; font-weight: 800; text-align: center; margin-right: auto; margin-left: auto; width: 100%; text-transform: none; } #side-bar, #side-bar:target { z-index: 22; } #side-bar a { color: black; } #side-bar a:visited { color: black; } #side-bar img, iframe.scpnet-interwiki-frame { filter: grayscale(100%) saturate(0%); -webkit-filter: grayscale(100%) saturate(0%); } #side-bar .side-block { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); border-color: transparent; border-radius: 0px; } #side-bar .side-block.media { background-color: white; border-bottom: solid 2px rgb(190, 190, 190); border-top: solid 2px rgb(190, 190, 190); margin-top: 1rem; } #side-bar .heading { color: black; border-bottom: solid 1px black; text-transform: uppercase; font-family: 'Work Sans', sans-serif; font-weight: 800; } #side-bar .collapsible-block-folded { background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aminimal/expand.png); } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px black; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link, #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: black; } /* ======================= */ /* TABS */ /* ======================= */ ul.yui-nav a { font-family: 'Work Sans', sans-serif; padding: 3.5px; color: white; font-weight: 600; } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav a:hover, yui-navset .yui-nav a:active { color: white; background-color: black !important; background: transparent; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border: none; border-bottom: dotted 1px grey; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .yui-navset .yui-content>div { display: block; top: 0; overflow: hidden; transform-origin: 0 0; } .yui-navset-top a { transition-property: background, background-color; transition-duration: 0.2s; } /* Tab animation by Croquembouche */ /*---------------------------------------------*/ #page-content .yui-navset .yui-content>div[style*="none"] { display: block !important; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } #page-content .yui-navset .yui-content>div[style*="block"] { display: block !important; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /*---------------------------------------------*/ .yui-navset .yui-content { background: transparent !important; box-shadow: none; border-bottom: dotted 4px grey; } /* ======================= */ /* TAGS */ /* ======================= */ #main-content .page-tags a { line-height: inherit; background-color: rgb(20, 20, 20); border-radius: 2px 6px; color: white; font-family: 'Work Sans', sans-serif; font-weight: 500; } .page-tags span { border-top: none; } /* ======================= */ /* CONTENT */ /* ======================= */ h1, h2, h3, h4, h5, h6 { font-family: 'Work Sans', sans-serif; font-weight: 800; text-transform: uppercase; color: black; } .top-left-box>.item { display: none; } hr { background-color: #333; } .info-container { padding-bottom: 8px } /* CONTENT > CUSTOM DIVS */ /* ======================= */ .document { background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 26px auto 0; max-width: 550px; min-height: 300px; padding: 24px; padding-top: 50px; position: relative; width: 80%; } .document:before, .document:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; } .document:before { background: #fafafa; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); left: -5px; top: 4px; transform: rotate(-2.5deg); } .document:after { background: #f6f6f6; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); right: -3px; top: 1px; transform: rotate(1.4deg); } .darkdocument { background: rgb(30, 30, 30); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 26px auto 0; max-width: 550px; min-height: 300px; padding: 24px; padding-top: 50px; position: relative; width: 80%; color: #EDEDED; } .darkdocument:before, .darkdocument:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; } .darkdocument:before { background: rgb(25, 25, 25); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); left: -5px; top: 4px; transform: rotate(-2.5deg); } .darkdocument:after { background: rgb(25, 25, 25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); right: -3px; top: 1px; transform: rotate(1.4deg); } .notation { border-left: solid 3px rgb(30, 30, 30); border-right: solid 3px rgb(30, 30, 30); padding: 25px 25px 25px 25px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); width: 75%; margin: auto; background: #f7f7f7; } .modal { padding: 15px 15px 15px 15px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); width: auto; margin: auto; background: rgb(253, 253, 253); border: solid 2px #5D5D5D; } .smallmodal { padding: 15px 15px 15px 15px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); width: 75%; margin: auto; background: rgb(253, 253, 253); border: solid 2px #5D5D5D; } .jotting { padding: 5px 10px 5px 10px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); width: 75%; margin: auto; background: #FDFDFD; border: dashed 0.1rem #5D5D5D; } .transcript { padding: 10px 10px 10px 10px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); width: 80%; margin: auto; background: rgb(253, 253, 253); border: dotted 1px #5D5D5D; border-radius: 10px; } .papernote { background-color: #eaeeef; color: #21252E !important; padding: 0.1rem 0.5rem 0.5rem 0.5rem; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%); margin: auto; width: 65%; } .raisa_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .raisa_memo>p:nth-child(1)::before { content: "NOTA DA ADMINISTRAÇÃO DE SEGURANÇA DE REGISTROS E INFORMAÇÃO\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .classification_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png) #edf5f3; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .classification_memo>p:nth-child(1)::before { content: "MEMORANDO DO COMITÊ DE CLASSIFICAÇÃO\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .ettra_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png) #f5d7d7; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .ettra_memo>p:nth-child(1)::before { content: "NOTA DA AUTORIDADE DE RESPOSTA TÁTICA DE AMEAÇA EMERGENTE\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .ethics_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png) #ffdbc4; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .ethics_memo>p:nth-child(1)::before { content: "MEMORANDO DO COMITÊ DE ÉTICA\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .temporal_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png) #ffffff; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); border: double 3px lightgrey; width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .temporal_memo>p:nth-child(1)::before { content: "O DEPARTAMENTO DE ANOMALIAS TEMPORAIS\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .overwatch_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png) #e3e3e3; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 30px 20px 20px; word-break: break-word; } .overwatch_memo>p:nth-child(1)::before { content: "COMANDO SUPERVISOR\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.55rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .miscomm_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png) #eeedfa; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: 'Work Sans', sans-serif; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 30px 20px 20px; word-break: break-word; } .miscomm_memo>p:nth-child(1)::before { content: "NOTA DO DEPARTAMENTO DE MÁ COMUNICAÇÃO\00000a"; font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .raisa_memo a, .temporal_memo a, .classification_memo a, .overwatch_memo a, .ettra_memo a, .ethics_memo a, .miscomm_memo a { font-weight: 700; } .bigtext { font-family: 'Work Sans', sans-serif; font-weight: 700; } .st { font-family: 'Work Sans', sans-serif; font-weight: 800; text-decoration: underline; } /* ======================= */ /* CONTENT > TABLES */ /* ======================= */ #page-content .wiki-content-table tr th { font-family: 'Work Sans', sans-serif; font-weight: 700; border: solid 1px #000; background-color: #aaa; } #page-content .wiki-content-table tr td { border: 1px #000 solid; } #page-content .table1 tr th { background-color: #D7EFE7; } #page-content .table1 .st { color: #D7EFE7; } #page-content .table2 tr th { background-color: #D8ECF4; } #page-content .table2 .st { color: #D8ECF4; } #page-content .table3 tr th { background-color: #FDF6D7; } #page-content .table3 .st { color: #FDF6D7; } #page-content .table4 tr th { background-color: #FFDABF; } #page-content .table4 .st { color: #FFDABF; } #page-content .table5 tr th { background-color: #F5D8E0; } #page-content .table5 .st { color: #F5D8E0; } #page-content .table6 tr th { background-color: rgba(146, 0, 255, 0.2); } #page-content .table6 .st { color: rgb(146, 0, 255); } .tableb .wiki-content-table { border-collapse: separate; border-spacing: 5px; padding-left: -100px; } .table1 .scp-image-block .scp-image-caption { background-color: #D7EFE7; color: black; } .table2 .scp-image-block .scp-image-caption { background-color: #D8ECF4; color: black; } .table3 .scp-image-block .scp-image-caption { background-color: #FDF6D7; color: black; } .table4 .scp-image-block .scp-image-caption { background-color: #FFDABF; color: black; } .table5 .scp-image-block .scp-image-caption { background-color: #F5D8E0; color: black; } .table6 .scp-image-block .scp-image-caption { background-color: rgba(146, 0, 255, 0.2); color: black; } /* ======================= */ /* CONTENT > RATING MODULE */ /* ======================= */ .rate-points { color: black !important; font-family: 'Work Sans', sans-serif; font-weight: 700; text-transform: uppercase; border: none; font-size: 90%; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel, .page-rate-widget-box .rate-points { border: none !important; } /* ======================= */ /* CONTENT > IMAGE BLOCK */ /* ======================= */ .scp-image-block img { background: white; } .scp-image-block.block-right { margin: 0em 0em 1em 2em; } .scp-image-block.block-center { max-width: 99% !important; } .scp-image-block { border: none; box-shadow: none; } .scp-image-block .scp-image-caption { border-top: none !important; margin-top: 8px; background-color: #292929; color: #ffffff; } .scp-image-block img, .scp-image-block .scp-image-caption { outline: solid 1px #444; box-shadow: 0px 0px 5px #999999; } .scp-image-block .scp-image-caption p { font-size: 110%; font-family: 'Work Sans', sans-serif; } /* ======================= */ /* CONTENT > LINKS */ /* ======================= */ a { color: #0645AD; } a.newpage { color: #CC2200; } a:visited { color: #0B0080; } .danger-diamond a, .danger-diamond a::selection { color: transparent; background: none; } .scp-image-block .scp-image-caption a { color: #c5c5c5; } /* ======================= */ /* CONTENT > SCROLLBAR */ /* ======================= */ ::-webkit-scrollbar { cursor: pointer; border: none; } ::-webkit-scrollbar-thumb { background: black; cursor: pointer; } ::-webkit-scrollbar-thumb:hover { background: rgb(45, 45, 45); } ::-webkit-scrollbar-track { background: white; } /* ======================= */ /* CONTENT > COLLAPSIBLES */ /* ======================= */ a.collapsible-block-link { font-family: 'Work Sans', sans-serif; font-weight: 600; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 9px; background: rgb(20, 20, 20); border-radius: 3px; margin-top: 10px; margin-bottom: 10px; } /* ======================= */ /* CONTENT > PAGE TITLE / BREADCRUMBS */ /* ======================= */ #page-title, .meta-title { display: block !important; font-family: 'Work Sans', sans-serif; font-weight: 700; color: #252525; border: none; margin-top: 3rem; } #breadcrumbs { text-transform: uppercase; color: grey; font-weight: 600; font-family: 'Work Sans', sans-serif; margin-top: -1.5rem; font-size: 90%; } /* ======================= */ /* CONTENT > BETTERFOOTNOTES INTEGRATION */ /* ======================= */ .fnnum:hover { background: transparent; transform: scale(1.3); } .fnnum { transition-duration: 0.2s; transition-property: transform; transform: translateZ(0); } .fnnum::after { color: #3f21ff !important; } .fnnum:hover::after { color: white !important; } .fncon { background: rgb(25, 25, 25) !important; color: #EDEDED; border: 0.15rem solid rgb(20, 20, 20); border-radius: 2px; font-size: 90%; } /* ======================= */ /* @MEDIA QUERIES / MOBILE FORMATTING */ /* ======================= */ @media only screen and (max-width: 600px) { .scp-image-block.block-right { float: none; margin: 10px auto; } } @media (min-width: 768px) { #header, #top-bar { width: calc(100% - 4.4rem); max-width: calc(100% - 4.4rem); } #main-content { max-width: 95%; } } @media (max-width: 1120px) { #top-bar { font-weight: 600; font-size: 80%; } } @media (max-width: 1020px) { #top-bar { top: 3.2rem; left: 7.8rem; } #extra-div-1::before { top: 0.3rem; } #extra-div-2::before { top: 1.9rem; } #u-header-link { height: 2.5rem; } .document, .darkdocument { width: 95%; } } @media (max-width: 767px) { .mobile-top-bar { display: flex; justify-content: flex-start; max-width: 100%; width: 100%; flex-direction: row; } } @media (max-width: 500px) { .logo { display: none; } #top-bar { left: 3.6rem; } #extra-div-1::before, #extra-div-2::before { left: 4.2rem; } #u-header-link { left: 4rem; } .document, .darkdocument { width: auto; } } @media (max-width: 560px) { #login-status span.printuser { font-size: 0; } } @media (max-width: 430px) { #extra-div-1::before { font-size: 23.45px; top: 0.5rem; } #extra-div-2::before { font-size: 1em; top: 2.1rem; } #u-header-link { width: 13.5rem; } #login-status { right: 1.8rem; } } /* ======================= */ /* MISC */ /* ======================= */ ::selection { background-color: rgba(0, 0, 255, 0.7); color: white; } select { font-family: 'Work Sans', sans-serif; font-weight: 600; border: solid 2px grey; cursor: pointer; border-radius: 5px; } body.wait { cursor: wait; } body.wait * { cursor: auto; } input { font-size: 90%; font-family: 'Work Sans', sans-serif; font-weight: 600; } #action-area > p { font-size: 90%; font-weight: 500; } #action-area > h1 { font-size: 150%; } div.buttons input, input.button, button, file, a.button { margin: 0 2px; border: 2px solid grey; cursor: pointer; } #who-rated-page-area > h2 { display: none; } #who-rated-page-area>div { column-count: 4; } @media (max-width: 900px) { #who-rated-page-area>div { column-count: 3; } } @media (max-width: 700px) { #who-rated-page-area>div { column-count: 2; } } @media (max-width: 540px) { #who-rated-page-area>div { column-count: 1; } } .pager .current { border-style: solid; outline: solid 1px rgb(250, 250, 250); } .pager a, .pager .current { border-style: double; border-width: 3px; text-transform: uppercase; background: none; color: inherit; } .pager a:hover, .pager .current:hover { text-decoration: none; cursor: pointer; } .pager .target { font-weight: 800; } .w-container { font-family: 'Work Sans', sans-serif; font-weight: 700; border-style: double !important; border-width: 4px !important; margin: auto; width: 90%; margin-top: 1rem; margin-bottom: 1rem; } .s-cell { font-size: 1.25rem !important; } .anom-bar-container, .anom-bar-container * { font-family: 'Work Sans', sans-serif !important; font-weight: 700; } #page-content div.warning-box div.text-number, #page-content div.warning div.text-number { font-size: 140%; font-weight: 400; } #page-content div.warning-box strong, #page-content div.warning strong { font-weight: 700; } #page-content div.warning-box div.text-top, #page-content div.warning div.text-top { font-weight: 800; } #page-content div.warning-box, #page-content div.warning { font-family: 'Work Sans', sans-serif !important; font-weight: 500; } .collection { font-family: 'Work Sans', sans-serif; color: #905c5c; } .footer-wikiwalk-nav { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); width: fit-content; margin: auto; margin-top: 1rem; } .footer-wikiwalk-nav p { color: #EDEDED; } .footer-wikiwalk-nav a, .footer-wikiwalk-nav p { border-radius: 10px; background: rgb(20, 20, 20); width: fit-content; margin: auto; font-family: 'Work Sans', sans-serif; font-weight: 800; padding: 0.5rem 0.5rem 0.5rem 0.5rem; } .footer-wikiwalk-nav a { color: #bdbdff; } .footer-wikiwalk-nav a:hover { text-decoration: underline; } /* MISC > WIKIDOT OWINDOW */ /* ======================= */ #owindow-1 { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); } #owindow-1>div.title.modal-header { font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-size: 90%; cursor: default; } #owindow-1>div.content.modal-body td.active>b { font-family: 'Work Sans', sans-serif; color: rgb(100, 100, 100); } #owindow-1>div.content.modal-body>table { max-height: 10rem; overflow: auto; display: block; } #owindow-1>div.content.modal-body>div { margin-top: 1.5rem !important; border-top: solid 0.2rem rgb(210, 210, 210); padding-top: 1rem; } #owindow-1>div.content.modal-body>div>div>a { background: #870000; } #owindow-1>div.content.modal-body>div>div>a:hover { background: #470000; } #owindow-1>div.content.modal-body>img { filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.3)); padding: 0px 0px 0px 0px !important; background: none; background-color: transparent !important; margin-right: 1.7rem; } #owindow-1 { font-family: 'Work Sans', sans-serif; } /* ======================= */ /* MISC > EDIT BOX & PAGE SOURCE */ /* ======================= */ #lock-info { box-shadow: 0px 0px 4px #999999; background: white; font-family: 'Work Sans', sans-serif; font-weight: 500; margin-left: 1rem; font-size: 95%; border: solid 1px grey; color: #191919; } #edit-page-form>table.edit-page-bottomtable>tbody>tr>td:nth-child(1)>div.sub, #edit-page-form>table.form>tbody>tr>td:nth-child(1) { font-family: 'Work Sans', sans-serif; font-weight: 500; } #edit-page-form>table.edit-page-bottomtable>tbody>tr>td:nth-child(1)>div:nth-child(1) { font-family: 'Work Sans', sans-serif; font-weight: 600; } .wd-editor-toolbar-panel ul li a { height: 22px; width: 22px; padding: 0; margin: 0; display: block; border-radius: 2px; filter: invert(1), hue-rotate(180deg); filter: invert(1) hue-rotate( 180deg); } .wd-editor-toolbar-panel { margin-bottom: 0.5rem; } input#edit-page-title.text { border-radius: 4px; font-family: 'Work Sans', sans-serif; border: 2px solid #afafaf; } textarea { font-family: 'Roboto', sans-serif; padding: 5px 5px 5px 5px; font-size: 105%; border: 0.13rem solid #949494; background-color: #FFF; color: #000; border-radius: 2px; } .page-source { background: white; font-family: 'Inter', sans-serif; font-size: 105%; border: none; width: 80%; box-shadow: 0px 0px 4px #999999; padding: 18px 18px 18px 18px; word-break: break-word; } /* ======================= */ /* MISC > FONT SIZE/WEIGHT CHANGES */ /* ======================= */ #page-content strong { font-weight: 900; } #page-content { font-size: 110%; } /* ======================= */ #show-upload-button { float: unset; border-radius: 6px; border: solid 1px grey; font-size: 0.85rem; } .edit-help-34 { margin-top: 2px; font-family: 'Work Sans', sans-serif; font-size: 0.7rem; font-weight: 500; } .printuser a { font-family: 'Work Sans', sans-serif; font-weight: 700; } form, #action-area>p, table.page-files td span { font-family: 'Work Sans', sans-serif; } #action-area>table>thead>tr, #revision-list>table>tbody>tr:nth-child(1) { font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-weight: 700; } #page-info { font-family: 'Work Sans', sans-serif; font-weight: 500; padding-bottom: 0.2rem; margin-bottom: 0.2rem; } #page-info::first-letter, a.btn.btn-default.button.button-close::first-letter, a.btn.btn-default.button.button-close-message::first-letter, a.btn.btn-default.button.button-cancel::first-letter, a.btn.btn-default.button.button-rename::first-letter, a.btn.btn-default.button.button-no\,-cancel::first-letter, #owindow-1 > div.button-bar.modal-footer > a.btn.btn-default.button.button-yes\,-delete::first-letter, #owindow-1 td::first-letter { text-transform: uppercase; } #owindow-1 td a::first-letter { text-transform: lowercase !important; } .button-bar.modal-footer a.btn.btn-danger, #owindow-1>div.content.modal-body>div>div>a { float: right !important; margin-top: -0.73rem; } td:nth-child(1)>a { font-family: 'Work Sans', sans-serif; font-weight: 600; } /* MISC > BUTTONS */ /* ======================= */ a.btn.btn-danger, a.btn.btn-primary, .btn-small, #owindow-1>div.button-bar.modal-footer>a, #edit-cancel-button, #edit-diff-button, #edit-preview-button, #edit-save-draft-button, #edit-save-continue-button, #edit-save-button, #owindow-1>div.content.modal-body>div>a.btn.btn-default { font-family: 'Work Sans', sans-serif; font-weight: 600 !important; font-size: 0.75rem; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 9px; background: rgb(20, 20, 20); border-radius: 2px !important; cursor: pointer; width: fit-content !important; margin-top: 0.1rem; margin-bottom: 0.1rem; margin-left: 0.3rem; margin-right: 0.35rem; float: left; } a.collapsible-block-link:hover, a.btn.btn-danger:hover, a.btn.btn-primary:hover, .btn-small:hover, #owindow-1>div.button-bar.modal-footer>a:hover, #edit-cancel-button:hover, #edit-diff-button:hover, #edit-preview-button:hover, #edit-save-draft-button:hover, #edit-save-continue-button:hover, #edit-save-button:hover, #owindow-1>div.content.modal-body>div>a.btn.btn-default:hover { text-decoration: none; background: rgb(45, 45, 45); } #action-area > p:nth-child(5) > a:hover { text-decoration: none; background: rgb(45, 45, 45); } #action-area > p:nth-child(5) > a { font-family: 'Work Sans', sans-serif; font-weight: 600 !important; font-size: 0.75rem; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 9px; background: rgb(20, 20, 20); border-radius: 2px !important; cursor: pointer; width: fit-content !important; margin-top: 0.1rem; margin-bottom: 0.1rem; margin-left: 0.3rem; margin-right: 0.35rem; } /* ======================= */ #footer, #license-area { font-family: 'Work Sans', sans-serif; font-weight: 500; } #page-content div.collapsible-block { margin-top: 13px; margin-bottom: 13px; } div.collapsible-block-content { animation: fade 0.4s; animation-fill-mode: forwards; } /* MISC > FOOTNOTES */ /* ======================= */ .hovertip { background: rgb(25, 25, 25) !important; border-radius: 2px; padding: 5px 5px 5px 5px; color: white; font-family: 'Work Sans', sans-serif; max-width: 400px; } .f-heading { text-transform: uppercase; font-weight: 900; font-size: 80%; } .footnotes-footer .title { font-size: 0px; color: transparent; margin-bottom: 15px; } .footnotes-footer .title:before { content: "Footnotes \0026 References"; color: rgb(25, 25, 25); text-transform: uppercase; font-weight: 900; font-size: 0.9rem; font-family: 'Work Sans', sans-serif; cursor: text; } .footnotes-footer a { color: black; font-weight: 700; font-family: 'Work Sans', sans-serif; } .footnotes-footer { border-left: solid 3px rgb(20, 20, 20); padding-left: 15px; margin-top: 6rem; } .footnote .f-footer, .equation .e-footer, .reference .r-footer { display: none; } /* ======================= */ #page-options-container a { color: rgb(45, 45, 45); font-family: 'Work Sans', sans-serif; font-weight: 800; font-size: 90%; text-transform: uppercase; } #page-options-container a:hover { text-decoration: none; color: rgb(2, 2, 2); } #page-info-break { height: 3rem; } .code pre, .code p, .code, tt { font-family: 'Fira Code', monospace; } #account-options { border: none; font-family: 'Work Sans', sans-serif; font-weight: 700; width: fit-content; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); padding: 5px 5px 5px 5px; text-transform: uppercase; } #account-options a { filter: grayscale(100%) saturate(0%); -webkit-filter: grayscale(100%) saturate(0%); color: grey; } /* Anendlessusername's invaluable correction of the ACS octagon! */ #page-content .quadrants>div { top: 2.25%; left: 18.5%; } /* WHEN YOU SEE IT... */ .licensebox .collapsible-block-link, .licensebox .collapsible-block-link:hover { background: none; text-transform: uppercase; font-weight: 700; } /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */ #page-content span, #page-content a { word-break: normal !important; } /* L2 has been here */ @media (max-width: 767px) { #side-bar:target { width: 19em !important; } }