Vigésimo Segundo Arquivo Pessoal

---

+ Mostrar código de componente

@supports(display: grid) {
    :root:lang(pt-br) {
        /* 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);
    }
 
    #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);
    }
 
    /* fix for amazonian leaf */
    #content-wrap::before {
      background-size: 386px;
    }
 
    @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);
            box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) 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

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

+ Mostrar

:root:lang(pt-br) {
/* Integração S-CSS-P */
        /* Se você estiver fazendo um novo tema CSS, inclua pelo menos as três variáveis a seguir. */
        --theme-base: "black-highlighter";
        /* esta deve ser ou "black-highlighter" ou "sigma9" */
        --theme-id: "minimalist-bhl";
        /* coloque aqui o URL da página do seu tema - exemplo: para "component:ar-theme", coloque "ar-theme" */
        --theme-name: "Minimalist BHL";
        /* coloque aqui o nome completo de seu tema */
 
    --header-title: "FUNDAÇÃO SCP";
    --header-subtitle: "SEGURANÇA - CONTENÇÃO - PROTEÇÃO";
    --logo-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aminimalist-bhl/Foundation%20Logo');
    --lgurl: var(--logo-image);
 
    --bright-accent: 245, 245, 245;
    --dark-accent: 36, 36, 36;
    --swatch-primary: var(--dark-accent);
    --light-gray-monochrome: 196, 196, 196;
    --dark-gray-monochrome: 200, 200, 200;
    --medium-accent: var(--dark-accent);
    --tab-border-color: var(--bright-accent);
    --hover-link-color: var(--dark-accent);
    --rating-module-button-color: var(--dark-accent);
    --rating-module-button-credit-color: var(--dark-accent);
    --swatch-background: var(--bright-accent);
    /* Cores do Cabeçalho e do Plano de Fundo */
    --background-color: var(--bright-accent);
    /* Cores Principais do Texto */
    --swatch-text-light: var(--dark-accent);
    --swatch-text-general: var(--dark-accent);
    /* Cores Principais do Menu */
    --swatch-menubg-color: var(--bright-accent);
    /* Cores para itens secundários; Itens terciários como Citações e Abas */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--dark-accent);
    /* Cores Principais do Cabeçalho */
       --gradient-header: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
    --swatch-topmenu-border-color: var(--dark-accent);
    --swatch-topmenu-bg-color: var(--dark-accent);
    --background-gradient-distance: 0rem;
    --modal-bg: var(--bright-accent);
 
    --rating-module-text-color: var(--dark-accent);
    --rating-module-button-cancel-color: var(--gray-monochrome);
 
    --diagonal-stripes: none;
 
    --toggle-button-bg: rgb(var(--bright-accent));
    --toggle-border-color: rgb(var(--dark-accent));
    --toggle-icon-color: rgb(var(--dark-accent));
}
 
/* Coisas do Cabeçalho, muda a logotipo de fundo, faz a barra superior ficar escura e assustadora também! */
 
#header::before {
    background-image: var(--lgurl);
    opacity: 0.20;
}
 
#header div[class*=top-bar]>ul li:hover {
    background-color: rgba(var(--bright-accent));
}
 
#header div[class*=top-bar]>ul>li ul>li {
    box-shadow: inset 0 0 0 .0625rem rgb(var(--dark-accent));
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
#header div[class*=top-bar]>ul>li>a {
    color: rgb(var(--bright-accent));
}
 
#header div#top-bar {
    background-color: inherit;
}
 
#header div[class*=top-bar]>ul>li>a:after,
#header div[class*=top-bar]>ul>li>a:before {
    background-color: rgba(var(--dark-accent));
}
 
#header div[class*=top-bar]>ul>li:hover>a {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#header h1 a::before {
    -webkit-text-stroke: 0.325rem rgb(var(--bright-accent));
}
 
#header h2 span::before {
    -webkit-text-stroke: 0.25rem rgb(var(--bright-accent));
}
 
#header h2 span::after {
    color: rgb(var(--dark-accent));
}
 
#header {
    --login-myaccount-hover-color: var(--bright-accent)
    --login-line-divider-color: var(--dark-accent);
    --login-username-color: var(--dark-accent);
    --login-myaccount-color: var(--dark-accent);
    --login-myaccount-underline-color: var(--bright-accent);
    --login-myaccount-hover-bg-color: var(--dark-accent);
    --login-arrow-color: var(--dark-accent);
    --login-dropdown-text-color: var(--dark-accent);
}
 
/* Isso é apenas para a Barra Superior, especialmente para os elementos de passar o mouse por cima e afins */
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover>a,
#top-bar div.top-bar>ul>li>ul>li:hover>a {
    text-decoration: none;
    color: rgb(var(--dark-accent));
}
 
#top-bar div.mobile-top-bar {
    background: rgb(var(--dark-accent));
}
 
#top-bar div.top-bar>ul>li:hover {
    background: rgb(var(--dark-accent));
}
 
#top-bar div.mobile-top-bar>ul>li.sfhover>ul,
#top-bar div.mobile-top-bar>ul>li:hover>ul,
#top-bar div.top-bar>ul>li.sfhover>ul,
#top-bar div.top-bar>ul>li:hover>ul {
    color: rgb(var(--bright-accent));
}
 
/* Tudo abaixo disso é para a Barra Lateral, incluindo os elementos de passar o mouse por cima e os cabeçalhos também */
 
#side-bar {
    --sideblock-heading-text-color: var(--bright-accent);
    --social-icon-hover-color: var(--bright-accent);
}
 
#side-bar .side-block {
    background-color: rgb(var(--bright-accent));
}
 
#side-bar .side-block.resources {
    background: rgb(var(--bright-accent)) !important;
}
 
#side-bar .side-block.media {
    background-color: rgba(var(--dark-accent)) !important;
}
 
#side-bar div.menu-item>a {
    color: rgb(var(--dark-accent));
    transition:
     color 300ms cubic-bezier(.4, 0, .2, 1),
     background-color 300ms cubic-bezier(.4, 0, .2, 1)
}
 
#side-bar div.menu-item>a:visited {
    color: rgb(var(--dark-accent));
}
 
#side-bar div.menu-item>a:hover,
#side-bar div.menu-item>a:active {
    color: rgb(var(--bright-accent));
}
 
#side-bar div.menu-item>a:focus-within {
    color: rgb(var(--bright-accent));
}
 
#side-bar div.menu-item a::before {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
.side-block.media a {
    background: transparent
}
 
#side-bar .collapsible-block .collapsible-block-folded,
#side-bar .heading {
    background: rgb(var(--dark-accent));
}
 
/* Tacando isso aqui para consertar a barra de pesquisar também, só para que tudo se encaixe */
 
#search-top-box-input {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#search-top-box-form input[type="submit"] {
    background: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#search-top-box-form input[type="submit"]:hover {
    background: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#search-top-box-input {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#search-top-box input.empty {
    color: rgb(var(--dark-accent));
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
    background-color: rgba(var(--dark-accent));
}
 
@media only screen and (max-width: 56.25rem) {
#login-status:before {
    background-color: rgba(var(--dark-accent));
}
 
}
 
@media only screen and (min-width: 769px) {
    #search-top-box-form>input {
     box-shadow: none;
    }
}
 
@media only screen and (min-width: 769px) {
    #search-top-box-form input[type="submit"],
    #search-top-box-form input[type="submit"]:focus,
    #search-top-box-form input[type="submit"]:hover {
            border-left: none;
     border-top: 0.0125rem solid rgb(var(--dark-accent));
     border-right: 0.0125rem solid rgb(var(--dark-accent));
     border-bottom: 0.0125rem solid rgb(var(--dark-accent));
     box-shadow: none;
    }
}
 
:not(.page-rate-widget-box):not(#search-top-box-form)>.btn, :not(.page-rate-widget-box):not(#search-top-box-form)>.button, :not(.page-rate-widget-box):not(#search-top-box-form)>.owindow .button-bar a, :not(.page-rate-widget-box):not(#search-top-box-form)>button, :not(.page-rate-widget-box):not(#search-top-box-form)>div.buttons input, :not(.page-rate-widget-box):not(#search-top-box-form)>input.button {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
/* Já que estamos aqui, aqui está o código para mexer com as opções da conta também (e algo apra consertar impressões) */
 
#login-status .printuser {
    background: transparent;
    color: rgb(var(--dark-accent));
}
 
#account-options {
    width: auto;
    padding: 0.5em;
    border-color: rgba(var(--dark-accent));
    background: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
.printuser a {
    margin-right: -1px;
    font-size: 14px;
    background-color: transparent;
    color: inherit;
}
 
login-status span.printuser {
    color: rgb(var(--dark-accent));
}
 
/* Certo, agora os links e o corpo */
 
body {
    color: rgb(var(--dark-accent));
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href*="/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not(.danger-diamond a) {
    padding: 0.15em;
    margin: -0.15em;
    color: inherit;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--dark-accent));
    transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href*="/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not(.fa-info):not(.danger-diamond a):hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent));
    text-decoration: none;
    color: rgb(var(--bright-accent))
}
 
::-moz-selection {
    background: rgb(148, 148, 148);
}
 
::selection {
    background: rgb(148, 148, 148);
}
 
a {
    color: inherit;
}
 
a:hover {
    color: inherit;
}
 
a.close-menu {
    background-color: transparent;
}
 
a:visited {
    color: inherit;
}
 
.scp-image-block a {
    box-shadow: none;
}
 
hr {
    border-top: none;
    background-color: rgb(var(--dark-accent));
}
 
blockquote,
div.blockquote {
    border: 1px solid #242424;
    background-color: rgb(var(--bright-accent));
}
 
/* Colapsáveis Chiques */
 
#page-content .collapsible-block-link {
    text-decoration: none;
    font-weight: 700;
}
 
.collapsible-block-folded a,
.collapsible-block-unfolded-link a:not(.info-container):not(.info-container div.collapsible-block-unfolded-link):not(.info-container div.collapsible-block-folded-link):not(.info-container div.collapsible-block-unfolded):not(.info-container div.collapsible-block-folded):not(.info-container .collapsible-block-folded .collapsible-block-link):not(.info-container .collapsible-block-link) {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
 
.collapsible-block-folded a,
.collapsible-block-unfolded-link a:not(.info-container):not(.info-container div.collapsible-block-unfolded-link):not(.info-container div.collapsible-block-folded-link):not(.info-container div.collapsible-block-unfolded):not(.info-container div.collapsible-block-folded):not(.info-container .collapsible-block-folded .collapsible-block-link):not(.info-container .collapsible-block-link) {
    position: relative;
    top: 0;
    left: 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    height: 100%;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
     color 0.25s linear,
     background-color 0.25s linear;
}
 
.collapsible-block-folded a {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
#page-content .collapsible-block-unfolded-link a {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#page-content .collapsible-block-folded a:hover,
#page-content .collapsible-block-unfolded-link a:hover {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#page-content .collapsible-block-unfolded-link {
    box-shadow: none;
}
 
.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
    padding: 0px;
}
 
/* Código para mudar as cores dos botões */
 
div#page-options-bottom-2>a,
div#page-options-bottom>a {
    color: rgb(var(--dark-accent));
    border-color: rgb(var(--dark-accent));
    background-color: rgb(var(--bright-accent));
}
 
.owindow .button-bar a,
a.button,
button,
div.buttons input,
file,
input.button {
    border: 0.125rem solid rgba(var(--dark-accent));
    color: rgb(var(--dark-accent));
    background-color: rgb(var(--bright-accent));
}
 
.owindow .button-bar a:hover,
a.button:hover,
button:hover,
div.buttons input:hover,
file:hover,
input.button:hover {
    border: .125rem solid rgba(var(--bright-accent));
    background-color: rgba(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
div#page-options-bottom-2>a:hover,
div#page-options-bottom>a:hover {
    color: rgb(var(--bright-accent));
    border-color: rgb(var(--dark-accent));
    background-color: rgb(var(--dark-accent));
}
 
/* Todo o código do Módulo de Avaliação está abaixo desta linha! */
 
.modalbox {
    box-shadow: none !important;
    border-color: transparent !important;
    border-radius: 0px !important;
    padding: 4px;
    pointer-events: auto !important;
}
 
.creditButton p a {
    background-color: rgb(var(--black-accent));
}
 
#page-content .rate-box-with-credit-button {
    display: inline-flex;
    margin-bottom: .75rem;
    border: .0625rem solid rgba(12, 12, 12, .25);
    border: .0625rem solid rgba(var(--gray-monochrome));
    border-radius: 0;
    background: rgb(var(--bright-accent));
    background-color: #fcfcfc;
    background-color: rgb(var(--bright-accent)) !important;
    padding: 0 .125rem;
    height: var(--rating-module-height);
    overflow: hidden;
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel { /* Pedaço adicionado por L2 para consertar problema no módulo de avaliação */
    border-top: none !important;
    border-bottom: none !important;
}
 
.page-rate-widget-box {
    background: rgb(var(--bright-accent));
    border: 0.0625rem solid rgba(var(--dark-accent));
}
 
/* Abas */
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    box-shadow: none;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    box-shadow: none;
    border-color: rgb(var(--bright-accent));
}
 
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--bright-accent));
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    color: rgb(var(--bright-accent));
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    color: rgb(var(--dark-accent));
    background: rgb(var(--bright-accent));
    border: 1px solid rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--bright-accent));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    border-color: rgb(var(--dark-accent));
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
.yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a {
    color: rgb(var(--dark-accent));
    background: rgb(var(--bright-accent));
}
 
/* Tabelas Simples */
 
table.wiki-content-table td {
    border: 1px solid #888;
    padding: 0.3em 0.7em;
    color: rgb(var(--dark-accent));
}
 
table.wiki-content-table th {
    background: rgb(var(--dark-accent));
    border: 1px solid rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
table.wiki-content-table tr {
    border: 1px solid #e3e3e3;
    color: #e3e3e3;
}
 
/* Blocos de Imagem */
 
.scp-image-block {
    box-shadow: none;
}
 
.scp-image-block a {
    background-color: transparent;
}
 
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
/* Cabeçalho e Hovertip */
 
.footnote {
    color: rgb(var(--dark-accent));
    background-color: rgb(var(--bright-accent));
    border: 1px solid #242424;
    padding: .625em;
}
 
.footnotes-footer {
    background-color: rgba(var(--bright-accent));
    color: rgb(var(--dark-accent));
    border-top: 1px solid #242424;
    border-bottom: 1px solid #242424;
    border-right: 1px solid #242424;
}
 
.footnotes-footer a[href*=javascript]:before {
    color: rgb(var(--dark-accent));
    background-color: transparent;
}
 
.hovertip {
    background-color: rgb(var(--bright-accent));
    border: .0625rem solid rgb(var(--dark-gray-monochrome));
    color: rgb(var(--dark-accent));
}
 
.hovertip .content {
   background-color: rgb(var(--bright-accent));
}
 
#footer {
    background: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
/* Miscelânea */
 
textarea,
#lock-info {
    color: rgb(var(--dark-accent));
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.scpnet-interwiki-wrapper {
    margin-top: 1em;
}
 
.licensebox .collapsible-block-link {
    background: none;
}
 
.printuser img.small {
    vertical-align: -0.2em;
    height: 14px;
}
 
#who-rated-page-area .printuser a {
    font-size: 100%;
}
 
#license-area {
    color: rgb(var(--dark-accent));
    background-color: rgb(var(--bright-accent));
}
 
.printuser a {
    margin-right: -1px;
    font-size: 14px;
    background-color: transparent;
    color: inherit;
}
 
.printuser:hover {
    background-color: transparent;
}
 
.page-tags a {
    background-color: transparent;
    color: rgb(var(--dark-accent));
}
 
.page-tags a:hover {
    color: rgb(var(--bright-accent));
}
 
form#edit-page-form {
    background-color: rgba(var(--dark-accent));
    color: rgb(var(--bright-accent));
 
}
 
input#edit-page-title {
    color: rgb(var(--dark-accent));
}
 
form#edit-page-form .edit-help-34>a {
    color: rgb(var(--dark-accent));
}
 
.danger-diamond a,
.danger-diamond a:hover {
    color: rgba(0, 0, 0, 0);
    box-shadow: initial;
}
 
.acs-hybrid-text-bar>a {
    background-color: transparent;
    color: transparent;
}
 
@media only screen and (min-width: 769px) {
 
    #search-top-box-form>input,
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
     background: rgb(var(--light-accent));
    }
}
 
@media (min-width: 0px) {
    #page-content .rate-box-with-credit-button>.creditButton>p>a:before {
     left: 4px;
    }
}
 
@media only screen and (max-width: 768px) {
 
    #header h2,
    #header h2 a,
    #header h2 a::before {
     top: 0.45rem;
    }
}
 
#u-author_block>p>a {
    color: var(--linkColour) !important;
}
 
/* L2 has been here */
@media (max-width: 767px) {
    #side-bar .side-bar-container {
        background-color: unset !important;
        padding: 0 !important;
    }
}
 
.creditButton a.fa.fa-info {
    color: black;
}

Créditos

Página de Autor: Vigésimo Segundo Arquivo Pessoal
Autor: 22o9L

Mais informações.

Mais Informações:

Obrigado por ler :)

TERMINAL PESSOAL DE DR. CEZAR
INSIRA SENHA

…Droga
Esqueceu Sua Senha?
Sim, porra.

Qual o Nome do Seu Peixe Dourado Que Tinha Em 1966?
Miudo, assim como todos os outros.

BEM VINDO AO SEU TERMINAL, DR. JEAN EVANGELISTA CEZAR

ÚLTIMO PROJETO: SCP-061-PT

LISTA DE AFAZERES¹

• Concertar o teclado]
• Arrumar a proposta do Nicolau antes desse natal (já está atrasado faz quase 2 anos);
• Revisar os arquivos que Dr. Diello me mandou sobre 1817;
• Investigar anomalias taumatúrgicas perto da Área PT9 (não vou a Macau desde 87);
• Concluir analise sobre o Projeto Eterno que CL5-7 pediu;
• O que caralhos é um ANTIQUILOMETRO? Investigar isso;
• Ensinar taumaturgia para Dr. Egret;
• Compensar o pessoal sobre o fiasco na Itália;
• Conter seja lá o que Santos Dumont jogou no mundo;
• Ministério da Verdade está me enchendo o saco, ver o que querem;
• Tem algo estranho com o terceiro presidente do Brasil;
• Revisitar antigas memorias.

BEM-VINDO
À
MINHA PÁGINA DE AUTOR

Sobre mim: Oi, sou o 22o9L, vulgo 22. Também conhecido como cara do Bom Dia/Boa Tarde/Boa Noite no nosso server do discord. Infelizmente meu apogeu dos cumprimentos diários passou, talvez algum dia volte. De qualquer modo, eu estou aqui desde 2020 e conheci SCP lá por 2017, realmente um universo mágico que me encantou de primeira, e depois de 3 anos finalmente engajei em escrever e trabalhar nele. Atualmente eu gosto de escrever coisas de história alternativa e outras maluquices que vem em mente. Minha escrita no momento (pós-2022) é focada em elaborar uma especie de "cânone" solto e não realmente elaborado na forma de um cânone formal. Veja como eu tentando fazer coisas coerentes e ligar meus próprios trabalhos, atualmente estando no estágio de elaborar a base para isso.

Eu sou um cara bem tranquilo. Se precisar de críticas ou quiser tirar dúvidas sobre seus artigos, estou sempre no discord (22o9l) e no discord do site. Recomendo dar uma passada lá para conversarmos, adoro falar com gente nova. Eu levo, por mais que seja bobo, como um objetivo tentar criar um clima bom na Lusófona interagindo com o pessoal e, segundo relatos, tenho tido sucesso.

O Que eu Já Fiz

SCPs

Artigo	Desempenho	Comentários	Criado em
SCP-054-PT	11	0	09 Jun 2023 00:50
SCP-053-PT	7	1	07 Mar 2023 09:08
SCP-047-PT	21	1	22 Jan 2023 02:29
SCP-007-PT	9	2	12 Jun 2022 18:10
SCP-112-PT	19	7	24 Nov 2021 10:07
SCP-031-PT	29	4	22 Mar 2021 01:07

Contos

Artigo	Desempenho	Comentários	Criado em
Taça Skip	16	1	30 May 2022 20:14

Formatos de GDI

Artigo	Desempenho	Comentários	Criado em
SPC-025-PT	15	2	22 Nov 2021 20:05

Ver meus comentários sobre minhas coisas

SCPs

Artigo	Comentário
SCP-007-PT	Foi inspirado no SCP-1173 da filial Anglófona e por um vídeo do Alternate Hystory Hub, onde ele discute sobre como seria a história se a Reconquista da península Ibérica tivesse falhado. Eu gostei tanto desse conceito que decidi escrever um pouco sobre. Estou devendo alguns artigos expandindo e fazendo o worldbuilding dessa dimensão paralela.
SCP-031-PT	Este foi meu primeiro, e era bastante ruim. Eu digo era porque ele tomou uma reescrita ainda em 2021 (mesmo ano em que foi publicado) e, sinceramente, está muito melhor agora. Eu gosto de reler ele de vez em quando, eu gosto de ver minha evolução com o passar do tempo. Talvez algum dia eu mexa de novo nele. A proposito, o nome é uma piada com pokemon. "monstro de bolso", "diabrete de bolso". Eu sei, não nasci pra ser comediante.
SCP-047-PT	Originalmente foi escrito para o evento do Amigo Secreto de 2022. EU participei do de 2020 e não aconteceu um em 2021. A coisa é que eu não consegui publicar o de 2020, mas eu adoro esses eventos. Eu adoro eventos de escrita da Lusófona, mas como tem poucos e alguns são organizados por mim (Jam), eu não participo de muitos (Inclusive alguém faz mais, por favor). Mas falando do artigo, esse foi escrito em 2 dias, sendo meu artigo de melhor desempenho escrito em menos tempo. Eu até hoje (09/03/2023), não escrevi nada tão rápido, mais por falta de tempo. Eu sinceramente não tenho o que reclamar disso, eu escrevo no ritmo que preciso e é isso.
SCP-053-PT	NAPOLEÃO EM PERNAMBUCO, apenas. Esse ficou na geladeira por 1 ano e ainda não está perfeito, eu ainda estou entendendo diálogo tudo certinho. Diálogo e personagens são minha maior fraqueza até a escrita desse artigo. Talvez eu trabalhe isso melhor no meu próximo? Eu gostaria, sim. Mas tirando isso, esse artigo é para ser o primeiro de vários SCPs históricos envolvendo o Sítio PT20.
SCP-054-PT	[PENDENTE]
SCP-112-PT	Olha, eu gosto desse aqui. Ele é um artigo que eu considero que escrevi bem, sinceramente. Eu sempre fui muito fã da história do São Nicolau, e fiquei feliz de conseguir adaptar o personagem para SCP.

Contos

Conto	Comentário
Taça Skip	Bem, eu gosto desse. Talvez minha opinião mude no futuro, eu não sei. Enfim, é um artigo aberto para o pessoal da wiki acrescentar modalidades (abre o artigo que tu vai entender) e eu espero que dê certo. Mas enfim, foi bom de escrever, então isso que importa.

Formatos de GdI

Artigo	Comentário
SPC-025-PT	Um dos meus preferidos. Eu gosto do Centro Soca Tubarão, por mais que muitos não gostem do Grupo de Interesse. Originalmente ele era para ser uma plantação de trigo, baseado em uma imagem que tinham postado no discord do site, mas tinha ficado ruim. Então eu reescrevi e mandei pra feedback. Foi uma surpresa pra mim quando isso foi aprovado de primeira.

Metas

• Escrever um 001-PT
• Terminar o Projeto Contenção Narrativa
• Canonizar um personagem
• Conseguir canonizar um sítio
• Criar um Grupo de Interesse
• Escrever um conto sobre o Dr. Cezar
• Escrever um artigo para cada GdI lusófono
• Escrever um artigo ambientado no Estado Novo
• Escrever um artigo ambientado no Império do Brasil
• Escrever um artigo ambientado na Republica da Espada/Republica Velha
• Artigo na Ásia
• Artigo na Africa
• Terminar a Página de Autor
• Atualizar a Página de Autor

Fanartes

SCP-031-PT por AGS.

SCP-112-PT também por AGS.

SCP-031-PT feito pelo AGS, de novo.

SCP-031-PT por Egret.

SCP-112-PT por MokapHorse.

Bandeira da República Islâmica da Terra da Madeira Vermelha do SCP-007-PT, por AGS.

Povo do Rio, por Lammar.

SCP-047-PT, por Gato_Irritado.

SCP-047-PT, por Marcos Vinícios.

Footnotes

1. Atualizado em: 14/06/2023