New Forum Thread
:root { --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15)); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 56.25rem) { #content-wrap { display: flex; position: initial; flex-direction: row; flex-grow: 2; width: calc(100vw - (100vw - 100%)); max-width: inherit; height: auto; min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem)); margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2); } #main-content { position: initial; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); max-height: 100%; margin: 0 auto; padding: 2rem 1rem; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } #side-bar { position: -webkit-sticky; position: sticky; top: 0; left: 0; grid-area: side-bar; width: var(--sidebar-width-on-desktop, 13.6rem) !important; min-width: var(--sidebar-width-on-desktop, 13.6rem) !important; max-height: 100vh; padding-right: 2.5rem; padding-left: 0.5rem; overflow-y: scroll; transition: translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear; border: none; border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4); background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem); direction: rtl; scrollbar-width: thin; -ms-scroll-chaining: none; overscroll-behavior: contain; scrollbar-color: rgba(var(--swatch-primary-darker), 0.1) /* Thumb */ rgba(var(--swatch-tertiary-color), 0.05); /* Track */ } #side-bar::-webkit-scrollbar-track { background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8); } #side-bar::-webkit-scrollbar, #side-bar::-webkit-scrollbar-thumb, #side-bar::-webkit-scrollbar-corner { width: 0.5rem; border-right-width: calc(100vw + 100vh); border-right-style: inset; border-color: inherit; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); } #side-bar:is(:hover, :active, :focus-within) { margin-right: 2.25rem; padding-right: 0.25rem; overflow-x: hidden; overflow-y: auto; border-color: rgba(var(--swatch-primary-darker), 1); background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1); translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)); scrollbar-color: rgba(170, 170, 170, 1) /* Thumb */ rgba(252, 252, 252, 1); /* Track */ scrollbar-color: rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */ rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /* Track */ } #main-content::after { content: " "; display: flex; position: fixed; top: 0; left: 1rem; align-items: center; justify-content: center; width: 1rem; height: 100%; max-height: 100%; transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center left 1rem; background-size: 1rem 12.875rem; pointer-events: none; } #side-bar:is(:hover, :active, :focus-within) + #main-content::after { left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1); width: 0rem; transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0; background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1); font-size: 0em; } #main-content::before { content: " "; position: absolute; z-index: 9; top: var(--final-header-height-on-desktop, 0); left: 0; width: var(--sidebar-width-on-desktop, 14.5rem); height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); transition: translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0.5; background-color: rgb(var(--swatch-alternate-color, 0, 0, 0)); pointer-events: none; translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem); } #side-bar:is(:hover, :active, :focus-within) + #main-content::before { translate: 0; opacity: 0; } #side-bar .side-block { margin-top: 1em; padding-left: 0.25em; border-right-width: 0rem; border-left-width: 0rem; border-radius: 0; background-color: rgb(0, 0, 0, 0); direction: ltr; } #side-bar .scpnet-interwiki-wrapper { direction: ltr; } /* Print Friendly Formatting by Estrella */ body.print-body { --sidebar-width-on-desktop: 0; } body.print-body #main-content::before, body.print-body #main-content::after { display: none; } }
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@500&display=swap'); /* --------------------------------- Word Processor Theme 2020 Wikidot Theme Created by stormbreath Logo Image by Rounderhouse and MalyceGraves --------------------------------- */ /* -------------- MAIN -------------- */ a, a.newpage, #top-bar ul li.sfhover a, #top-bar ul li:hover a, #login-status ul a { color: #00F; } a:visited{ color: #00C; } h1, #page-title { color: black; border-color: black; } /* Creates the page effect of the body. */ #main-content { margin-top: 2em; background: white; box-shadow: 3px 3px 3px rgba(0,0,0,.2); padding: 1em; } /* -------------- HEADER -------------- */ div#container-wrap { background-image: none; } body { background-color: #e6e6e6; background-image: linear-gradient( to bottom, #0F4699, #0F4699 38px, #f4f4f4 38px, #f4f4f4 140px, #0F4699 140px, #0F4699 162px, #e6e6e6 162px, #e6e6e6 100%); background-repeat: no-repeat; } #header { background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aword-processor/commonlogo.png"); } #header h1 a { color: transparent; text-shadow: none; } #header h1 a::before { content: 'Foundation Intranet'; color: #333; font-family: 'Baloo Bhaina 2', cursive; } #header h2 span { color: transparent; text-shadow: none; } #header h2 span::before { content: 'Site-21 Internal Network'; color: #0F4699; font-family: 'Baloo Bhaina 2', cursive; } /* -------------- SEARCH-BAR -------------- */ #search-top-box-input { border-color: #999; background-color: #e6e6e6; box-shadow: none; border-radius: 0; } #search-top-box-input:hover, #search-top-box-input:focus { background-color: #f2f2f2; box-shadow: none; border-color: #ccc; color: #333; } #search-top-box-form input[type=submit] { background: #0F4699; border-color: #999; border-radius: 0; box-shadow: none; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background: #1152B2; box-shadow: none; border-color: #ccc; } /* -------------- LOG-IN INFO -------------- */ #login-status .printuser a { display: none; } #login-status { color: white; } #login-status a { background: transparent; color: white; } #account-topbutton { background: transparent; color: white; border: none; } /* -------------- SIDE-BAR -------------- */ /* See also: the Collapsible Side-Bar Component, included in this theme */ #side-bar .side-block { border: none; box-shadow: none; background: transparent !important; } #side-bar .heading { color: #333; border-color: #333; } #side-bar a, #side-bar a:visited { color: #666; } .side-block .menu-item > .image { visibility: hidden; } iframe.scpnet-interwiki-frame { filter: saturate(0%); } /* -------------- MOBILE SIDE-BAR -------------- */ @media (max-width: 767px) { #side-bar { background-color: white; } #top-bar .open-menu a { border-radius: 0; border: none; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19); } #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; } } /* -------------- FOOTERS -------------- */ .footnotes-footer { border-top: 1px solid #333; } .footnotes-footer a { color: #333; } .page-tags span { border: none; margin-top: 1em; } #page-options-container { opacity: .1; transition: opacity .75s; } #page-options-container:hover, #page-options-container:focus { opacity: 1; } @media (max-width: 767px) { #page-options-container { opacity: .7; } } #footer, #footer a { background-color: transparent; color: black; } /* -------------- RATING MODULE -------------- */ .page-rate-widget-box { box-shadow: none; margin: unset; } .page-rate-widget-box .rate-points { background-color: white !important; color: black !important; border: solid 1px white; font-weight: normal !important; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: white; border-top: solid 1px white; border-bottom: solid 1px white; font-weight: normal; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: black; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: white; color: black; } .page-rate-widget-box .cancel { background: transparent; background-color: white; border: solid 1px white; } .page-rate-widget-box .cancel a { color: black; } .page-rate-widget-box .cancel a:hover { background: white; color: black; } /* -------------- IMAGE BLOCKS -------------- */ .scp-image-block { box-shadow: unset; border: none; } .scp-image-block img { border: solid 1px #666; } .scp-image-block .scp-image-caption { background: transparent; border: none; font-weight: initial; font-style: italic; } /* -------------- BLINK-BAR -------------- */ #u-blink-bar p:last-child::after { content: ""; border-right: 1px solid black; animation: blink 1.5s infinite; position: relative; left: 1px; } @keyframes blink{ to { opacity: .0; } }
Permission error
Sorry, you can not start new discussion thread. Only Wikidot.com registered users, members of this site, site administrators and perhaps selected moderators are allowed to do it. Sign in as Wikidot user