/*
Tema The Way Out
[Tema da Wikidot de 2019]
Criado por Rounderhouse, com uma grande ajuda de Woedenaz.
Baseado no Tema B lack Highlighter criado por Woedenaz e Croquembouche.
A logotipo do Comando O5 foi criada por djkaktus. Ela é licenciada sob CC BY SA 3.0.
*/
/* Fontes */
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
/* Todas as Variáveis Usadas */
:root:lang(pt-br){
/* Integração S-CSS-P */
/* Se você estiver fazendo um novo tema CSS, inclua as três variáveis a seguir no mínimo. */
--theme-base: "nuscp";
/* deve ser ou "nuscp" ou "sigma9" */
--theme-id: "nuscp";
/* coloque aqui o URL da página de seu tema - por exemplo, para "component:ar-theme", coloque "ar-theme" */
--theme-name: "nu-SCP Theme";
/* coloque aqui o nome completo de seu tema */
/* Cabeçalho */
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Athe-way-out/wtf.svg");
--header-title: "COMANDO SUPERVISOR";
--header-subtitle: "BANCO DE DADOS INTERNO DO SÍTIO-01";
/* Fontes */
--body-font: 'Lato', sans-serif;
--header-font: 'Poppins', sans-serif;
--title-font: 'Poppins', sans-serif;
--mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
/* ========================== Definições Estilísticas | Para qualquer um: 0 OU 1 */
--ss01: 0;
--ss02: 0;
--ss03: 0;
/* Cores Padrão */
--white-monochrome: 252, 252, 252;
/* branco */
--pale-gray-monochrome: 244, 244, 244;
/* cinza bastante claro para citações e outras coisas */
--light-gray-monochrome: 170, 170, 170;
/* cinza claro para status de login */
--gray-monochrome: 66, 66, 72;
/* cinza */
--dark-gray-monochrome: 48, 48, 52;
/* cinza escuro para fundo da barra lateral */
--black-monochrome: 12, 12, 12;
/* preto */
--bright-accent: 14, 65, 102;
/* azul */
--medium-accent: 60, 100, 120;
/* azul mediano */
--dark-accent: 12, 36, 54;
/* azul escuro */
--newpage-color: 99, 190, 255;
/* azul claro */
/* Cores Primárias do Tema */
--swatch-background: var(--white-monochrome);
--swatch-primary: var(--medium-accent);
--swatch-primary-darker: var(--bright-accent);
--swatch-primary-darkest: var(--bright-accent);
/* Cores Primárias do Texto */
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-important-text: var(--bright-accent);
/* Cores Primárias do Menu */
--swatch-menubg-color: var(--gray-monochrome);
/* Cores Primárias do Cabeçalho */
--swatch-topmenu-border-color: var(--dark-gray-monochrome);
--swatch-topmenu-bg-color: var(--dark-gray-monochrome);
--rating-module-button-color: var(--black-monochrome);
--rating-module-text-color: var(--black-monochrome);
/* Cores de Link */
--link-color: 27, 65, 94 ;
--visited-link-color: 133, 193, 233;
--hover-link-color: 133, 193, 233;
/* Gradientes do Cabeçalho */
--gradient-header: linear-gradient(to bottom,
rgba(var(--black-monochrome),0.97) 10%,
rgb(var(--black-monochrome)) 65%,
rgb(var(--dark-gray-monochrome)) 100%);
--gradient-topmenu: linear-gradient(to bottom,
white 0%,
white 7.5rem,
rgba(var(--swatch-topmenu-border-color), 1) 7.5rem,
rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem,
rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
rgba(var(--swatch-topmenu-border-color), 1) 100%);
--gradient-topmenu-mobile: linear-gradient(to bottom,
rgba(var(--swatch-topmenu-border-color), 1) 0,
rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
rgba(var(--swatch-topmenu-border-color), 1) 3rem);
--diagonal-stripes: repeating-linear-gradient(25deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(88, 88, 88, 0.1) 0.35vh,
rgba(88, 88, 88, 0.2) 0.5vh);
--gradient-sidemenu-header: linear-gradient(10deg,
rgba(var(--medium-accent), 0.45) 0%,
rgba(var(--medium-accent), 0.55) 100%);
--gradient-background: linear-gradient(to bottom,
rgba(var(--background-gradient-color), 1) calc(calc(0 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.987) calc(calc(0.8 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.951) calc(calc(2.9 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.896) calc(calc(6.4 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.825) calc(calc(11 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.741) calc(calc(16.6 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.648) calc(calc(23.1 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.55) calc(calc(30.4 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.45) calc(calc(38.3 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.352) calc(calc(46.7 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.259) calc(calc(55.4 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.175) calc(calc(64.4 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.104) calc(calc(73.5 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.049) calc(calc(82.5 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0.013) calc(calc(91.4 / 100) * var(--background-gradient-distance)),
rgba(var(--background-gradient-color), 0) calc(calc(100 / 100) * var(--background-gradient-distance)));
--header-background-image-size: 100% 7.5rem;
/* Medidas de Espaçamento */
--offset-from-page-top: 1.2rem;
/* espaço entre o topo da página e o começo do cabeçalho */
--body-width-on-desktop: 44.25rem;
--sidebar-width-on-desktop: calc(var(--base-font-size)*19);
--sidebar-width-on-mobile: 14rem;
--scrollbar-width: 0.5625rem;
--border-styling: solid 0.0625rem rgb(var(--swatch-border-color));
--border-radius-width: 0.0625rem;
/* Barra Lateral */
--sidebar-transition-timing: 0.5s ease-in-out 0.1s;
--sidebar-internal-border-thickness: 0.125rem;
--background-gradient-color: 12, 36, 54;
--background-gradient-distance: 40rem;
}
iframe.scpnet-interwiki-frame {
filter: invert(0.8) saturate(0.25) hue-rotate(50deg);
}
#header {
filter: drop-shadow(.042rem .042rem .042rem rgb(150,150,150));
}
@media only screen and (max-width: 768px) {
#header {
background-position: calc(7.4rem - var(--size)) calc(((var(--size) * -1) + 7.5rem + var(--y-offset)) / 2);
}
}
/* L2 has been here */
@media (max-width: 767px) {
#side-bar .side-bar-container {
background-color: unset !important;
padding: 0 !important;
}
}
