Proto "Philosopher" Bolkonski

---

+ 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) {
    --header-title: "FUNDAÇÃO SCP";
 
    --dark-accent: 20, 22, 24;
    --pale-accent: 228, 228, 228;
    --bright-accent: 228, 228, 228;
    --light-gray-monochrome: 84, 84, 84;
    --dark-gray-monochrome: 48, 48, 52;
    --black-monochrome: 20, 22, 24;
    --medium-accent: var(--bright-accent);
    --tab-border-color: var(--dark-accent);
    --rating-module-button-color: var(--bright-accent);
    --rating-module-button-credit-color: var(--bright-accent);
    --swatch-background: var(--dark-accent);
    --swatch-menutxt-general-color: var(--bright-accent);
    --swatch-menubg-black-color: var(--dark-gray-monochrome);
    --barColour: var(dark-accent);
 
    --logo-image: url('https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg');
    --lgurl: var(--logo-image);
 
    --ui-wght: 400;
    --ui-hvr-wght: 500;
 
    /* Background and Header Colors */
    --background-color: var(--dark-accent);
    /* Primary Text Colors */
    --swatch-text-light: var(--bright-accent);
    --swatch-text-general: var(--bright-accent);
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--dark-accent);
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    --swatch-alternate-color: var(--swatch-menubg-medium-color);
    --sidebar-links-hover-text-color: var(--dark-accent);
 
    /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
    --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);    
 
    /* Primary Header Colors */
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
 
    --rating-module-text-color: var(--bright-accent);
    --rating-module-button-cancel-color: var(--gray-monochrome);
    ;
 
    --gradient-header: linear-gradient(to bottom,
            rgb(var(--header-gradient-color-bottom)) 0%,
            rgb(var(--header-gradient-color-middle)) 90%,
            rgb(var(--header-gradient-color-top)) 100%);
 
    --diagonal-stripes: repeating-linear-gradient(45deg,
            hsla(0, 0%, 100%, 0),
            hsla(0, 0%, 100%, 0) 0.25vh,
            rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
            rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);
 
    --toggle-button-bg: rgb(var(--dark-accent));
    --toggle-border-color: rgb(var(--dark-gray-monochrome));
    --toggle-icon-color: rgb(var(--bright-accent));
    --clip-
}
 
#header {
     /* Focus is when the search box has been clicked on */
    --search-icon-focus-bg-color: var(--swatch-primary-darkest);
    --search-focus-textbox-bg-color: var(--swatch-primary-darkest);
 
    /* ===LOGIN BOX ELEMENT=== */
     /* Dropdown Box when arrow is clicked */
    --login-dropdown-bg-image: none;
    --login-dropdown-border-color: var(--swatch-primary-darkest), 0.9;
    --login-dropdown-text-hover-color: var(--swatch-menutxt-dark-color);
}
 
#header::before {
    background-image: var(--lgurl);
    opacity: 0.20;
}
 
#header h1 a::before {
    color: rgb(var(--bright-accent));
    -webkit-text-stroke: 0.325rem rgb(var(--dark-accent));
}
 
#header h1 a::after {
    color: rgb(var(--light-accent));
}
 
#header h2 span::before {
    -webkit-text-stroke: 0.25rem rgb(var(--dark-accent));
}
 
#header h2 {
    top: 1rem;
}
 
#top-bar {
    /* ===TOPBAR ELEMENTS=== */
 
     /* ===TOPBAR CATEGORIES=== */
    --topmenu-hover-border-color: var(--swatch-primary),0.5;
 
     /* ===DROPDOWN MENU=== */
    --dropdown-bg-color: var(--swatch-alternate-color), 0.9;
    --dropdown-border-color: var(--swatch-primary-darkest), 0.9;
}
 
#side-bar {
    --sidebar-links-hover-text-color: var(--swatch-primary-darkest);
}
 
#main-content {
    /* ===MAIN CONTENT UI ELEMENTS */
        /* ===UI ICONS=== */
            /* ===PAGE OPTIONS ICONS=== */
    --ui-icon-hover-bg: var(--swatch-primary-darkest);
 
     /* ===TABS=== */
    --tabs-hover-bg: var(--swatch-primary-darkest);
    --tabs-bottom-border-color: var(--swatch-primary-darkest);
}
 
:root {
    /* ===UI BUTTONS=== */
    --ui-button-hover-bg: var(--swatch-primary-darkest);
    --ui-button-hover-txt: var(--swatch-text-tertiary-color);
    --ui-button-hover-outline: var(--swatch-primary-darker);
 
    /* ===MODALS=== */
    --modal-header-stripe: var(--swatch-menubg-dark-color);
}
 
.modalbox {
    padding: 0.25rem;
    border-radius: 0rem !important;
    border-color: transparent !important;
    background: rgb(var(--dark-accent)) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
}
 
body {
    color: rgb(var(--bright-accent));
}
 
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
    color: rgba(var(--swatch-primary),0);
}
 
@media (min-width: 36rem) {
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        box-shadow: 0 0 0 0.125rem rgba(var(--swatch-primary),0.2);
        color: rgba(var(--swatch-primary),0.7);
    }
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    padding: 0.15em;
    margin: -0.15em;
    color: inherit;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent));
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms 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="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent));
    text-decoration: none;
    color: rgb(var(--dark-accent))
}
 
a {
    color: inherit;
}
 
a:hover {
    color: inherit;
}
 
a.close-menu {
    background-color: transparent;
}
 
a:visited {
    color: inherit;
}
 
.scp-image-block a {
     box-shadow:none;
}
 
a.collapsible-block-link {
    padding: 0.15em;
    margin: -0.15em;
    color: inherit;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent));
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
a.collapsible-block-link:hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent));
    text-decoration: none;
    color: rgb(var(--dark-accent))
}
 
#breadcrumbs a, #breadcrumbs a:visited, .pseudocrumbs a, .pseudocrumbs a:visited {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}
 
#breadcrumbs a:active, #breadcrumbs a:hover, .pseudocrumbs a:active, .pseudocrumbs a:hover {
    color: rgb(var(--dark-accent));
}
 
a:hover {
    background-color: transparent;
    color: var(--bright-accent);
    text-decoration: none;
}
 
a.close-menu {
    background-color: transparent;
}
 
::-moz-selection {
    background: rgb(var(--bright-accent),0.25);
}
 
::selection {
    background: rgb(var(--bright-accent),0.25);
}
 
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
    background: rgba(var(--swatch-primary),0.5);
}
 
.creditButton p a {
    background-color: rgb(var(--black-accent));
}
 
#page-content .rate-box-with-credit-button {
    display: inline-flex;
    height: var(--rating-module-height);
    margin-bottom: .75rem;
    padding: 0 .125rem;
    overflow: hidden;
    border: .0625rem solid rgba(var(--gray-monochrome));
    border-radius: 0;
    background: rgb(var(--dark-accent));
    background-color: rgb(var(--dark-accent)) !important;
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-top: 0px solid;
    border-bottom: 0px solid;
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover>a,
#top-bar div.top-bar>ul>li>ul>li:hover>a {
    color: rgb(var(--dark-accent));
    text-decoration: none;
}
 
#side-bar .heading {
    background: rgb(var(--dark-gray-monochrome));
}
 
#side-bar .side-block {
    background-color: rgb(var(--dark-accent));
}
 
#side-bar .side-block.resources {
    background: rgb(var(--dark-accent)) !important;
}
 
#side-bar .side-block.media {
    background-color: rgba(var(--dark-gray-monochrome)) !important;
}
 
#side-bar div.menu-item>a, #side-bar div.menu-item>a:visited {
    color: rgb(var(--bright-accent));
}
 
#side-bar div.menu-item>a:hover {
    color: rgb(var(--dark-accent));
}
 
.side-block.media a {
    background: transparent
}
 
#side-bar .collapsible-block .collapsible-block-folded,
#side-bar .heading {
    background: rgb(var(--dark-gray-monochrome));
}
 
#search-top-box-input {
    background-color: rgb(var(--dark-gray-monochrome));
}
 
#account-options {
    border-color: var(--bright-accent);
    background: var(--dark-accent);
    color: var(--bright-accent);
}
 
#login-status {
    color: rgba(var(--swatch-menutxt-light-color), 0.5);
}
 
#login-status ul a {
    color: rgb(var(--bright-accent));
}
 
#login-status .printuser {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}
 
.page-rate-widget-box {
    border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color));
    background: 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(--swatch-menubg-black-color));
}
 
#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(--dark-accent));
}
 
blockquote,
div.blockquote {
    border: none;
    background-color: rgb(var(--dark-gray-monochrome));
    --swatch-border-color: var(--gray-monochrome);
    box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-accent));
}
 
.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;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav hover a {
    border-color: rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav .selected a {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent)) !important;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    background: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--swatch-menubg-dark-color));
    color: rgb(var(--dark-accent));
}
 
.yui-navset-bottom .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset .yui-nav li a {
    background: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--bright-accent));
}
 
#page-content div.b-tables table.wiki-content-table td, #page-content div.b-tables table.wiki-content-table th, #page-content table.wiki-content-table td, #page-content table.wiki-content-table th {
    border: .0625rem solid rgba(var(--dark-gray-monochrome)) !important;
}
 
#page-content div.b-tables table.wiki-content-table th, #page-content table.wiki-content-table th {
    background: rgb(var(--dark-gray-monochrome));
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-light));
}
 
.code pre span[class*="hl-"] {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
#odialog-container div.owindow {
    background-color: rgb(var(--dark-accent));
}
 
.hovertip {
    border: .0625rem solid rgb(var(--dark-gray-monochrome));
    color: rgb(var(--swatch-text-light));
}
 
.hovertip .content {
    padding: 0;
}
 
#footer {
    color: rgb(var(--bright-accent));
}
 
#side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
    -webkit-filter: invert(1);
            filter: invert(1);
}
 
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before,
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::before,
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::after {
    background-color: rgb(var(--swatch-menubg-color));
}
 
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
    mix-blend-mode: lighten;
}
 
.scp-image-block {
    box-shadow: none;
}
 
.image-block .image-caption, .scp-image-block .scp-image-caption {
    box-shadow: none;
    border: 1px solid rgb(var(--dark-acccent));
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--bright-accent));
}
 
.scp-image-block a {
    background-color: transparent;
}
 
.footnote {
    padding: .625em;
    background-color: rgb(var(--dark-gray-monochrome));
}
 
.footnotes-footer {
    border-left: none;
    background-color: rgba(var(--dark-gray-monochrome));
}
 
.hovertip .f-heading {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
.bibitems .title, .footnotes-footer .title {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
.bibitems, .footnotes-footer {
    box-shadow: inset .5em 0 0 0 rgba(var(--bright-accent));
}
 
.licensebox .collapsible-block-link {
    background: none;
}
 
table.page-history tr:nth-of-type(2) td:not(:nth-of-type(7)):before {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
.pager .current, .pager .current:before {
    background-color: rgb(var(--dark-accent));
}
.pager .current {
    color: rgb(var(--bright-accent));
}
 
.paged a:visited, .pager a {
    color: rgb(var(--dark-accent));
}
 
.printuser img.small {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -0.4em;
}
 
#who-rated-page-area .printuser a {
    font-size: 100%;
}
 
#who-rated-page-area .printuser {
    background-color: transparent;
}
 
#search-top-box input.empty {
    color: rgba(var(--bright-accent));
}
 
.page-tags a:hover {
    color: rgb(var(--dark-accent));
}
 
#main-content .page-tags:before {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
#main-content .page-tags {
    box-shadow: 0 -.125rem 0 0 rgb(var(--bright-accent));
}
 
.footnotes-footer a[href*=javascript], .footnotes-footer a[href*=javascript]:visited {
    background-color: transparent;
}
 
#license-area {
    background-color: rgb(var(--dark-gray-monochrome));
}
 
#page-content .rate-box-with-credit-button>.creditButton>p>a:after {
    background-color: rgba(var(--dark-accent));
}
 
[id*=u-credit] .credit.first, [id*=u-credit] .credit.otherwise {
    padding: 5px;
}
 
[id*=u-credit] div.creditBottomRate {
    padding: 0.5rem 0 0;
}
 
.acs-hybrid-text-bar>.acs-clear>.clearance-level-text::before {
    color: rgba(var(--bright-accent), 1);
}
 
.acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::before {
    color: rgba(var(--bright-accent), 1);
}
 
.acs-hybrid-text-bar>.acs-risk .risk-class-number::before {
    color: rgba(var(--bright-accent, 12, 12, 12), 1);
}
 
.contain-class .class-text::before {
    color: rgb(228 228 228);
}
 
.anom-bar-container.esoteric .text-part>.main-class>.second-class>.class-text::after {
    color: #e4e4e4;
}
 
.info-container .collapsible-block-folded,
.info-container .collapsible-block-unfolded-link {
    background: rgb(var(--bright-accent));
}
 
.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
    background: rgb(var(--dark-accent));
}
 
.acs-hybrid-text-bar>a {
    background-color: transparent;
    color: transparent;
}
 
.acs-hybrid-text-bar>.acs-clear>.clearance-level-text::after {
    padding-top: 0.1rem;
    color: rgba(var(--bright-accent), 1);
}
 
.acs-hybrid-text-bar>.acs-risk .risk-class-number::after {
    color: rgba(var(--bright-accent));
}
 
.acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::after {
    color: rgba(var(--bright-accent), 1);
}
 
.danger-diamond a,
.danger-diamond a:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0);
}
 
.authorlink-wrapper > a {
    background-color: transparent;
    color: rgb(var(--bright-accent));
    --author-right-adjust: 0rem;
}
 
.authorlink-wrapper > a::before {
    color: darkgrey;
}
 
.authorbox {
    filter: drop-shadow(0 0 3px rgba(228, 228, 228));
}
 
.printuser a {
    margin-right: -0.0625rem;
    background-color: none;
    font-size: 0.875rem;
}
 
.printuser img.small {
    width: 1.1875rem;
    height: 1.1563rem;
    vertical-align: -0.4em;
}
 
.printuser:hover {
    background-color: transparent;
}
 
.page-tags a {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}
 
table.page-files tr>td>a:not(.btn), table.page-files tr>td>a:visited:not(.btn) {
    color: rgb(var(--bright-accent));
}
 
table.page-files th {
    color: rgb(var(--dark-accent));
}
 
@media (min-width: 36rem) {
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: none;
}
}
 
/* L2 has been here */
@media (max-width: 767px) {
    #side-bar .side-bar-container {
        background-color: unset !important;
        padding: 0 !important;
    }
}

Olá. Bem-vindo(a) a minha página de autor. Você pode me chamar de Proto, ou dos outros títulos estranhos que dão pra mim¹, não me importo muito. Eu conheço SCPs já tem mais ou menos uma década, e gostava de ler o que tinha desde a Série I. Entrei na Lusófona formalmente em 2021, mas já vinha acompanhando o trabalho de longe, e resolvi entrar e dar uma mão. Comecei traduzindo e depois criei coragem para escrever meus próprios artigos, que vão estar aí embaixo. Também fiz contribuições para as Forças Tarefas Móveis, o Comitê de Ética Lusófono, além de ter uma personagem canonizada.

Sou um louco viciado em literatura, filosofia existencial e certo bucolismo na vida, que são temas que estão permeados nos meus artigos, de forma geral. Normalmente escrevo artigos mais curtos, mas que tento imprimir características psicológicas neles. Sei lá, acho que é isso que faço, se dá certo, aí fica a cargo de você que lê². Vou tentar deixar as coisas mais relevantes a respeito deles junto com os títulos.

Na situação probabilisticamente quase impossível de você querer me contatar, me procure no Discord da Fundação Lusófona, estou lá quase todos os dias falando non-sense que de algum jeito as outras pessoas toleram (e até gostam?). Normalmente esclareço questões filosóficas, alcoólicas e uma coisa ou outra do Comitê de Ética.

Artigos

(Random)

---

SCP-113-PT

---

Rating: +6
Comments: 2
+/- : +6/-0
Last Comment: Battata (26 Feb 2025 14:49)
Last Edit: Battata (26 Feb 2025 11:15)

---

+ Tags

afeta-mente construção pt scp seguro senciente

---

+ Translations

---

SCP-142-PT

---

Rating: +7
Comments: 0
+/- : +7/-0
Last Comment: ()
Last Edit: Battata (03 Dec 2024 14:32)

---

+ Tags

euclídeo humanoide intangível militar pt scp

---

+ Translations

---

SCP-062-PT

---

Rating: +12
Comments: 0
+/- : +12/-0
Last Comment: ()
Last Edit: JazonRM (28 Sep 2024 13:12)

---

+ Tags

cadáver ectoentrópico empático pt sangue scp seguro

---

+ Translations

---

SCP-068-PT

---

Rating: +11
Comments: 0
+/- : +11/-0
Last Comment: ()
Last Edit: JazonRM (12 Jan 2024 23:16)

---

+ Tags

afeta-mente extradimensional feito-pela-fundação humanoide keter neurológico observacional pt scp sono

---

+ Translations

---

SCP-160-PT

---

Rating: +6
Comments: 1
+/- : +9/-3
Last Comment: DingoSin (17 Apr 2023 00:38)
Last Edit: JazonRM (12 Jan 2024 23:48)

---

+ Tags

aquático entrópico humanoide keter local pt sapiente scp

---

+ Translations

---

página 1 do 212próximo »

Traduções

(Random)

---

SCP-6787

---

Rating: +0
Comments: 1
+/- : +0/-0
Last Comment: Proto550 (29 May 2025 02:02)
Last Edit: Sr Editor (29 May 2025 02:31)

---

+ Tags

anormalidades biblioteca construção o s&c-plásticos scp seguro subterrâneo traduzido

---

+ Translations

---

SCP-7253

---

Rating: +0
Comments: 1
+/- : +0/-0
Last Comment: Proto550 (24 May 2025 16:04)
Last Edit: JazonRM (24 May 2025 16:11)

---

+ Tags

anormalidades construção o scp seguro traduzido

---

+ Translations

---

SCP-5478

---

Rating: +1
Comments: 1
+/- : +1/-0
Last Comment: Proto550 (14 Aug 2024 22:31)
Last Edit: Sr Editor (14 Aug 2024 23:12)

---

+ Tags

afeta-mente cidade coautoria euclídeo fábrica humanoide memético militar mídia o pentagrama químico sapiente scp sensorial traduzido visual áudio

---

+ Translations

---

SCP-7313

---

Rating: +0
Comments: 1
+/- : +0/-0
Last Comment: Proto550 (27 Feb 2024 20:45)
Last Edit: Sr Editor (12 May 2024 18:58)

---

+ Tags

anormalidades cadáver coldpostcon computador construção dobrador-de-realidade o scp seguro simulacrum subterrâneo traduzido

---

+ Translations

---

SCP-3589

---

Rating: +0
Comments: 1
+/- : +0/-0
Last Comment: Proto550 (03 Jan 2024 15:34)
Last Edit: JazonRM (03 Jan 2024 15:47)

---

+ Tags

ectoentrópico euclídeo extremidade humanoide o sapiente scp traduzido vivo

---

+ Translations

---

página 1 do 10123...910próximo »

---

ARTES

Dr.ª Catarina de Carvalho Canmore. Feito por Luka U6-02.

---

Bem, acho que é isso. Estarei lá fora olhando a chuva, ou sentado em uma pedra vendo a água cair.

Footnotes

1. Alcoólatra, Filósofo de Gabinete, Proto Silva, Cara da Máscara de Gás, Maníaco, Proto Depressões e por aí vai.

2. Implica que alguém leia meus artigos.