Coleoptera |
---|
Author: |
Published on 29 Mar 2021 18:05 |
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; } @media (min-width: 768px) { .mobile-top-bar { display: block; } .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block!important; position: fixed; top: 0; left: -19em; width: 17em; height: 100%; overflow-y: auto; z-index: 10; padding: 0.3em 0.675em; background-color: rgba(0,0,0,0.1); transition: left 0.5s ease-in-out; } #side-bar:target { display: block; left: 0; width: 17em; margin: 0; z-index: 10; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } #top-bar .open-menu a:hover { text-decoration: none; } .close-menu { margin-left: 19em; opacity: 0; } }
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap'); /* Flopstyle CSS Theme * [2020 Wikidot Theme] * Created by Lt Flops * Select CSS Styles Are Credited Where Necessary * -- (CC BY-SA 3.0) -- **/ /* -------- SITE HEADER -------- */ span, a{ word-break: unset; } #header h1 a, #header h1 a::before{ color: hsl(0, 0%, 90%); text-shadow: .7px .7px 0 hsla(0, 0%, 0%, .8), 1.4px 1.4px 0 hsla(0, 0%, 0%, .8); } #header h1 a{ font-family: "Montserrat", "Arial", sans-serif; font-size: 170%; letter-spacing: 0; } #header h2 span, #header h2 span::before{ color: hsl(0, 0%, 90%); text-shadow: 1px 1px 0 hsla(0, 0%, 0%, .8); } /* -------- TOP-BAR -------- */ #search-top-box, #top-bar, #login-status{ right: 0; } #search-top-box-input{ border-radius: 0; } #search-top-box-form input[type="submit"]{ background: hsl(0, 33%, 30%); border-radius: 0; font-size: unset; } #search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus{ background: hsl(0, 25%, 50%); } #top-bar .open-menu a{ border-radius: unset; border-width: .1em; } /* -------- SIDE-BAR -------- */ #side-bar{ background-color: hsl(0, 0%, 50%); } #side-bar:target{ box-shadow: 0 0 90px 90px hsla(0, 0%, 0%, .3); } #side-bar .side-block{ border-color: hsl(0, 0%, 20%); border-radius: 0; } #side-bar .heading{ color: hsl(0, 0%, 5%); border-bottom: solid 1px hsl(0, 0%, 20%); } /* -------- SIDEBOXES -------- * By EstrellaYoshte * Adapted From 'Penumbra Theme' **/ #page-content .authorbox tr td, #page-content .sidebox tr td, #page-content .authorbox tr th, #page-content .sidebox tr th{ padding: .35em; } #page-content .authorbox tr td, #page-content .authorbox tr th{ width: 15.5em; } .limit{ margin-bottom: -1rem; line-height: 141%; z-index: 5; } .anchor{ position: sticky; height: 0; top: 0; z-index: 5; } .authorbox, .sidebox{ position: absolute; width: calc((100vw - 870px) / 2); max-height: calc(100vh - 18rem); margin: 0 8px 0 0; padding: .14rem; box-sizing: border-box; overflow: auto; z-index: 5; } .authorbox{ max-width: calc((100vw - 921.2px) / 2) !important; top: .5em; right: 103.5%; } .sidebox{ top: 0; left: 103.5%; padding-left: 1em; background: hsl(0, 0%, 100%); border: 1px solid hsl(0, 0%, 73%); border-left: 8px solid var(--accentColor); border-radius: .48em; } /* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */ @media (max-width: 1079px){ .sidebox{ width: auto; max-width: 65vw !important; top: .75rem; right: calc(((100vw - 45.8rem) / 2) * -1); left: initial; padding: 0 .4rem; background-color: var(--accentColor); border: 1px solid hsl(0, 0%, 73%); border-left: 8px solid var(--accentColor); border-radius: 0; overflow: visible; -webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem)); clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem)); -webkit-transition: color .2s ease-in-out .1s, -webkit-box-shadow .5s ease-in-out .1s, -webkit-clip-path .5s ease-in-out .1s; transition: color .2s ease-in-out .1s, -webkit-box-shadow .5s ease-in-out .1s, -webkit-clip-path .5s ease-in-out .1s; -o-transition: color .2s ease-in-out .1s, box-shadow .5s ease-in-out .1s, clip-path .5s ease-in-out .1s; transition: color .2s ease-in-out .1s, box-shadow .5s ease-in-out .1s, clip-path .5s ease-in-out .1s; transition: color .2s ease-in-out .1s, box-shadow .5s ease-in-out .1s, clip-path .5s ease-in-out .1s, -webkit-box-shadow .5s ease-in-out .1s, -webkit-clip-path .5s ease-in-out .1s; } .sidebox::before, .sidebox::after{ content: " "; position: absolute; right: 0; } .sidebox::before{ width: 0; height: 0; top: calc(50% - .75rem); border-top: .75rem solid transparent; border-bottom: .75rem solid transparent; border-right: .75rem solid var(--accentColor); z-index: 10; transition: border .1s ease-in-out .1s; } .sidebox::after{ width: 100%; max-width: .75rem; height: 100%; max-height: calc(100vh - 18rem); top: 0; background-color: hsl(0, 0%, 100%); z-index: -1; transition: box-shadow .5s ease-in-out .1s, max-width .5s ease-in-out .1s; } .sidebox > *{ opacity: 0; -webkit-transition: opacity .2s ease-in-out .2s; -o-transition: opacity .2s ease-in-out .2s; transition: opacity .2s ease-in-out .2s; } .sidebox:hover{ overflow: visible; -webkit-clip-path: inset(-.125rem -.25rem 0 0); clip-path: inset(-.125rem -.25rem 0 0); -webkit-transition: color .5s ease-in-out .2s, right .5s ease-in-out .1s, -webkit-clip-path .5s ease-in-out .1s, -webkit-box-shadow .5s ease-in-out .1s; transition: color .5s ease-in-out .2s, right .5s ease-in-out .1s, -webkit-clip-path .5s ease-in-out .1s, -webkit-box-shadow .5s ease-in-out .1s; -o-transition: color .5s ease-in-out .2s, right .5s ease-in-out .1s, clip-path .5s ease-in-out .1s, box-shadow .5s ease-in-out .1s; transition: color .5s ease-in-out .2s, right .5s ease-in-out .1s, clip-path .5s ease-in-out .1s, box-shadow .5s ease-in-out .1s; transition: color .5s ease-in-out .2s, right .5s ease-in-out .1s, clip-path .5s ease-in-out .1s, box-shadow .5s ease-in-out .1s, -webkit-clip-path .5s ease-in-out .1s, -webkit-box-shadow .5s ease-in-out .1s; } .sidebox:hover::before{ border-top: 0 solid transparent; border-bottom: 0 solid transparent; } .sidebox:hover::after{ max-width: 100%; right: 0; } .sidebox:hover > *{ opacity: 1; } } @media (max-width:768px){ .sidebox, .sidebox:hover{ right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem); } } @media (max-width: 1079px){ .authorbox{ display: none; visibility: hidden; } } /* -------- CROQSTYLE -------- */ /* ---- Reasonably-sized footnotes ---- */ .hovertip{ max-width: 400px; } /* ---- Monospace edit/code ---- */ :root{ --mono-font: "Fira Code", Cousine, monospace; } .code pre, .code p, .code, tt, .page-source{ font-family: var(--mono-font); } .code pre *{ white-space: pre; } .code *, .pre *{ font-feature-settings: unset; } /* ---- No more bigfaces ---- */ .avatar-hover{ display: none !important; } /* ---- Breaky breaky ---- */ .nobreak{ word-break: break-all; } /* ---- Code colours ---- */ :root{ --c-bg: #393939; --c-syntax: #e0e0e0; --c-comment: #999999; --c-error: #f2777a; --c-value: #f99157; --c-symbol: #ffcc66; --c-string: #99cc99; --c-operator: #66cccc; --c-builtin: #70a7df; --c-keyword: #cc99cc; } .terminal.code, .terminal > .code{ color: var(--c-syntax); background: var(--c-bg); border: 0.4rem solid var(--c-comment); border-radius: 1rem; } /* ---- */ /* -------- GENERAL -------- */ :root{ --accentColor: hsl(0, 100%, 30%); } body{ color: hsl(0, 0%, 5%); word-break: unset; } #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus, #top-bar ul li ul, #side-bar .side-block, .page-rate-widget-box, .scp-image-block{ box-shadow: none; } /* -------- INFO BAR -------- */ body{ --barColour: hsl(0, 89%, 18%); } .u-faq{ display: none; } .info-container .collapsible-block-content{ padding: 0 .5em 30px; } .info-container .collapsible-block-content .wiki-content-table{ width: 100%; } /* -------- INFO PANE -------- */ .creditRate{ margin-right: 0 !important; } .rate-box-with-credit-button{ border-radius: 0 !important; box-shadow: none !important; } /* -------- PAGE RATING -------- */ .page-rate-widget-box{ margin-right: 0; } .page-rate-widget-box, .page-rate-widget-box .rate-points{ border-radius: 0; } .page-rate-widget-box .cancel, .page-rate-widget-box .cancel a:hover{ border-radius: 0 !important; } /* -------- FORMATTING | [GENERAL] -------- */ #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6{ display: flex; flex-direction: column; justify-content: center; margin-bottom: .57em; text-align: center; word-break: unset; } hr{ height: 0; margin: 1em 0; background-color: transparent; border-top: 1px solid hsl(0, 0%, 67%); } .collapsible-block-link{ font-size: 120%; font-weight: bold; } .info-container .collapsible-block-link{ font-size: 100%; } ol li{ margin: 0 0 1em; } ul{ margin:1em 0; } .footnotes-footer, .bibitems{ padding: 0 0 .5em; } /* -------- IMAGE BLOCK -------- */ .scp-image-block.block-right{ margin: 0 0 1em 2em; } /* -------- CUSTOM DIV BLOCKS -------- */ .raisa-header, .pink-header, .oracle-header{ margin-bottom: 1em; padding: 0 .5em; text-align: center; } .raisa-header{ /* ---- RAISA Notice Header ---- */ background: hsl(60, 65%, 85%); border: 1px solid hsl(0, 0%, 60%); } .pink-header{ /* ---- Pretty Header ---- */ background: hsl(350, 100%, 85%); border: 1px solid hsl(0, 4%, 36%); } .pink-header hr{ border-color: hsl(0, 4%, 36%); } .oracle-header{ /* ---- SPC's 'From the Desk of ORACLE' Header ---- */ color: hsl(208, 100%, 97%); background: hsl(208, 67%, 44%); border: 2px solid hsl(0, 0%, 5%); } .oracle-header hr{ border-color: hsl(208, 100%, 97%); } .img-resize img{ /* ---- Header Icons (See Example Formatting) ---- */ float: left; width: auto; height: 8em; margin: .5em; } blockquote, /* ---- Regular Quote Block ---- */ div.blockquote{ background-color: hsl(0, 0%, 96%); border: 3px double hsl(0, 0%, 60%); } .alt-blockquote{ /* ---- Alternative Quote Block ---- */ margin: 1em 0; padding: 0 1em; background-color: hsl(0, 0%, 96%); border: 1px solid hsl(0, 0%, 60%); border-radius: 1em; } .lightweight{ /* ---- Lightweight Quote Block ---- */ margin: 1em 3em; padding: 0 1em; background-color: hsl(0, 0%, 90%); text-align: left; } .card-block{ /* ---- Decorative Quote Block ---- */ margin: 1em 0; padding: .6em 1.2em; background: hsl(220, 15%, 93%); border-left: 8px solid var(--accentColor); border-radius: .48em; } blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr{ border-color: hsl(0, 0%, 67%); } .log-header{ /* ---- Interview/Exploration Log Header ---- */ margin-bottom: 1em; padding: 0 1em; background: hsl(0, 0%, 96%); border: 3px dashed hsl(0, 0%, 60%); border-radius: 2em; } .report-box{ /* ---- Report Block ---- */ margin: 1em 0; padding: 0 1em; background-color: hsl(0, 0%, 100%); border: medium solid hsl(0, 0%, 5%); } .report-box hr{ border-color: hsl(0, 0%, 5%); } .realistic-shadow{ /* ---- Better Shadows ---- */ margin: 1em 0 2em 0; box-shadow: 0 1px 1px hsla(0, 0%, 0%, .23), 0 2px 2px hsla(0, 0%, 0%, .18), 0 4px 4px hsla(0, 0%, 0%, .15), 0 8px 8px hsla(0, 0%, 0%, .13); } .report-box.red-tint{ /* ---- Alternative Report Block Variants ---- */ background-color: hsl(360, 91%, 86%); border-color: hsl(360, 62%, 66%); } .report-box.red-tint hr{ border-color: hsl(360, 62%, 66%); } .report-box.orange-tint{ background-color: hsl(30, 91%, 86%); border-color: hsl(30, 62%, 66%); } .report-box.orange-tint hr{ border-color: hsl(30, 62%, 66%); } .report-box.yellow-tint{ background-color: hsl(60, 91%, 86%); border-color: hsl(60, 62%, 66%); } .report-box.yellow-tint hr{ border-color: hsl(60, 62%, 66%); } .report-box.green-tint{ background-color: hsl(120, 91%, 86%); border-color: hsl(120, 62%, 66%); } .report-box.green-tint hr{ border-color: hsl(120, 62%, 66%); } .report-box.cyan-tint{ background-color: hsl(180, 91%, 86%); border-color: hsl(180, 62%, 66%); } .report-box.cyan-tint hr{ border-color: hsl(180, 62%, 66%); } .report-box.blue-tint{ background-color: hsl(240, 91%, 86%); border-color: hsl(240, 62%, 66%); } .report-box.blue-tint hr{ border-color: hsl(240, 62%, 66%); } .report-box.magenta-tint{ background-color: hsl(300, 91%, 86%); border-color: hsl(300, 62%, 66%); } .report-box.magenta-tint hr{ border-color: hsl(300, 62%, 66%); } .report-box.grey-tint{ background-color: hsl(210, 9%, 86%); border-color: hsl(210, 15%, 42%); } .report-box.grey-tint hr{ border-color: hsl(210, 15%, 42%); } div.o5-box{ /* ---- Overseer Document Block ---- */ margin: 1em 6em; padding: 0 1em; background-color: hsl(0, 0%, 75%); border: medium solid hsl(0, 0%, 5%); } div.o5-box hr{ border-color: hsl(0, 0%, 5%); } .faux-source{ /* ---- Mimics "Page Source" Appearance ---- */ margin-bottom: 1em; padding: 0 2em; background-color: hsl(0, 0%, 100%); border: 1px dashed hsl(0, 0%, 67%); font-family: var(--mono-font); } .narration{ /* ---- Mimics the Pages of a Book ---- */ margin: 1em 0; padding: 0 1em; background-color: hsl(0, 0%, 100%); border: 1px solid hsl(0, 0%, 83%); } .warning-notice{ /* ---- Simple Warning Block (Adapted From 'SCP-3143') ---- */ padding: 0 1em; background-color: hsl(0, 0%, 100%); background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png); background-position: center; background-repeat: no-repeat; border: medium solid hsl(0, 0%, 5%); text-align: center; } .journal{ /* ---- Journal Block (Adapted From 'SCP-4003') ---- */ margin: 1em 0; padding: .9em; background-image: linear-gradient(to top, hsl(201, 33%, 84%) 0%, hsl(60, 29%, 89%) 8%); background-position: 0 8px; background-size: 100% 1.3rem; border: 1px solid hsl(0, 0%, 80%); border-radius: .9em; font-family: "Architects Daughter", cursive; } .journal p{ margin: 0; font-size: 1.3rem; line-height: 1.3rem; } .sms-message{ /* ---- SMS Message Block ---- */ float: left; clear: left; width: 22.4em; margin: 0 0 1em; padding: 0 1.2em; background: hsl(0, 0%, 75%); border-radius: 2em; font-size: 112.5%; text-align: center; } blockquote .collapsible-block-folded, .alt-blockquote .collapsible-block-folded, .lightweight .collapsible-block-folded, .card-block .collapsible-block-folded, .report-box .collapsible-block-folded, .o5-box .collapsible-block-folded, .narration .collapsible-block-folded, .journal .collapsible-block-folded, div.blockquote .collapsible-block-folded{ /* ---- For Collapsibles Inside Divs | [CLOSED] ---- */ padding: .75em 0; /* -------- */ } blockquote .collapsible-block-unfolded, .alt-blockquote .collapsible-block-unfolded, .lightweight .collapsible-block-unfolded, .card-block .collapsible-block-unfolded, .report-box .collapsible-block-unfolded, .o5-box .collapsible-block-unfolded, .narration .collapsible-block-unfolded, .journal .collapsible-block-unfolded, div.blockquote .collapsible-block-unfolded{ /* ---- For Collapsibles Inside Divs | [OPEN] ---- */ padding-top: .75em; /* -------- */ } /* -------- FORMATTING | [SPECIAL] -------- */ .centered{ /* ---- Center-Aligns Text ---- */ text-align: center; } .justified{ /* ---- Justify-Aligns Text ---- */ text-align: justify; } .indented{ /* ---- Indents Block by ½-inch/2em (Use Within Other Divs) ---- */ text-indent: 2.4em; } .indented .bibcite, .indented .footnoteref, .indented ul, .indented ol, .indented .scp-image-block.block-right, .indented h1, .indented h2, .indented h3, .indented h4, .indented h5, .indented h6, .indented .scene-break, .indented .footnotes-footer, .indented .bibitems{ text-indent: 0; } .rev-red, .rev-green, .rev-blue, .rev-yellow, .terminal-span{ font-weight: bold; } .rev-red{ /* ---- Red Document Revision Text ---- */ color: hsl(360, 100%, 27%); } .rev-green{ /* ---- Green Document Revision Text ---- */ color: hsl(120, 100%, 27%); } .rev-blue{ /* ---- Blue Document Revision Text ---- */ color: hsl(240, 100%, 27%); } .rev-yellow{ /* ---- Yellow Document Revision Text ---- */ color: hsl(40, 100%, 40%); } .terminal-span{ /* ---- Computer Terminal Text ---- */ font-family: var(--mono-font); font-size: 110%; letter-spacing: .3px; } /* ---- Blinking Text Cursor (Adapted From 'Your Very First SCP!') ---- */ .blinkbar{color: black; animation: blink 1.5s infinite; letter-spacing: -.13em;} @keyframes blink{to{opacity: .0;}} @keyframes flicker{0% {opacity: .9890; }5% {opacity: .5842; }10% {opacity: .9865; }20% {opacity: .0412; }20% {opacity: .6255; }25% {opacity: .3157; }30% {opacity: .7328; }35% {opacity: .4654; }40% {opacity: .9128; }45% {opacity: .2449; }50% {opacity: .5485; }55% {opacity: .6438; }60% {opacity: .1180; }65% {opacity: .9085; }70% {opacity: .0266; }75% {opacity: .6795; }80% {opacity: .7812; }85% {opacity: .0117; }90% {opacity: .2239; }95% {opacity: .8897; }100% {opacity: .2260; }} @keyframes overlay-anim{0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }} .lite-heading{ /* ---- Special Heading Area (Adapted From 'SCP-4058') ---- */ clear: both; margin: 2.4em auto; } .lite-heading h3{ color: hsl(360, 100%, 27%); } .lite-heading hr{ width: 55%; margin: auto; border-width: medium; } div.image-showcase{ /* ---- Alternative Image Showcase ---- */ width: 25em; margin-bottom: 1em; background: hsl(0, 0%, 100%); border: 3px ridge hsl(0, 0%, 5%); } div.image-showcase.block-center{ margin-right: auto; margin-left: auto; } .scene-break{ /* ---- Fancy Scene/Section Break ---- */ width: 2.5em; margin: 1em 0; } .listPagesNav{ margin-bottom: 5em; } .listPagesNav-prev, /* ---- ListPages Navigation (Adapted from 'SCP-5552') ---- */ .listPagesNav-next{ width: 45%; margin: 0 0 1em; padding: 0 2%; background: hsl(0, 0%, 90%); border: 1px solid hsl(0, 0%, 60%); } .listPagesNav-prev{ float: left; text-align: left; } .listPagesNav-next{ float: right; text-align: right; } .fade-away{ background: linear-gradient(to bottom, hsl(0, 0%, 95%), hsl(0, 0%, 5%)); } .footing::before{ /* ---- Page Footing ---- */ content: " "; position: absolute; bottom: 1px; left: 0; right: 0; border-bottom: 2px solid hsl(0, 0%, 47%); } .footing{ position: relative; bottom: -2px; margin-bottom: 2px; border-bottom: 1px solid hsl(0, 0%, 47%); } .related-flex{ /* ---- Related Articles Box ---- */ display: flex; justify-content: center; } .related{ margin: 1em 0; padding: 0 1em; background-color: hsl(0, 0%, 100%); border: thick solid hsla(0, 0%, 60%, 0.5); text-align: left; } .series-nav{ /* ---- Series Navigation ---- */ margin: .5em 0; background: linear-gradient(to bottom right, hsla(0, 0%, 100%, 1), hsla(0, 0%, 50%, .5)); border: outset 1.5px hsl(0, 0%, 5%); border-radius: 2em; font-size: 85%; font-weight: bold; text-align: center; } /* -------- ADVANCED WARNING HEADER -------- * Adapted From 'SCP-001-JP - indonootoko's Proposal' * See the Example at the Top of the Page **/ .orderwrapper{ position: relative; width: auto; text-align: center; } .council{ position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 295px; height: 295px; margin: auto; background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png); background-position: center; background-repeat: no-repeat; background-size: 295px 295px; } .ordertitle{ position: absolute; top: 27px; left: 0; right: 0; } .ordertitle h1{ color: hsl(0, 0%, 5%); font-size: 220%; line-height: 90%; } .orderdescription{ position: absolute; top: 93px; left: 0; right: 0; width: 100%; } .orderdescription h1{ color: hsl(0, 0%, 5%); font-size: 120%; } .orderdescription p{ color: hsl(0, 0%, 5%); font-size: 90%; } .itemno{ position: absolute; bottom: 18px; left: 0; right: 0; } .itemno h1{ color: hsl(0, 0%, 5%); font-size: 170%; } /* -------- YUI TAB BASE -------- */ .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit} /* -------- YUI TAB CUSTOMIZATION -------- * Adapted From 'Black Highlighter Theme' **/ .yui-navset *{ transition: color 80ms cubic-bezier(.4, 0, .2, 1), background-color 80ms cubic-bezier(.4, 0, .2, 1); } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav{ display: flex; flex-wrap: wrap; width: calc(100% - .125rem); margin: 0 auto; border-color: hsl(360, 94%, 20%); box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%); } .yui-navset .yui-nav a, /* ---- Link Modifier ---- */ .yui-navset .yui-navset-top .yui-nav a{ color: hsl(0, 0%, 5%); /* ---- Tab Background Colour | [UNSELECTED] ---- */ background-color: hsl(0, 0%, 99%); /* -------- */ background-image: none; border: unset; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus{ color: hsl(0, 0%, 96%); /* ---- Tab Background Colour | [HOVER] ---- */ background-color: hsl(360, 100%, 27%); /* -------- */ } .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */ .yui-navset .yui-navset-top .yui-nav li{ position: relative; display: flex; flex-grow: 2; max-width: 100%; margin: 0; padding: 0; background-color: hsl(0, 0%, 96%); border-color: transparent; box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%); } .yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a{ display: flex; align-items: center; justify-content: center; width: 100%; } .yui-navset .yui-nav li em{ border: unset; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em{ padding: .35em .75em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */ .yui-navset .yui-navset-top .yui-nav .selected{ flex-grow: 2; margin: 0; padding: 0; /* ---- Tab Background Colour | [SELECTED] ---- */ background-color: hsl(360, 94%, 20%); /* -------- */ } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em{ border: hsl(360, 94%, 20%); } .yui-navset .yui-nav .selected a{ width: 100%; color: hsl(0, 0%, 96%) !important; background-image: none; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active{ color: hsl(0, 0%, 96%); background-color: hsl(360, 94%, 20%); } .yui-navset .yui-nav .selected a:hover{ cursor: default; } .yui-navset-left .yui-content{ /* ---- Content Background ---- */ background-color: hsl(0, 0%, 99%); /* -------- */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content{ padding: .5em; border-color: hsl(0, 0%, 60%); } /* -------- PAGE TAGS -------- */ #main-content .page-tags{ border-top: 1px solid hsl(0, 0%, 73%); } #main-content .page-tags a{ display: inline-block; height: .8125rem; margin: 0 0 .5rem .75rem; padding: .1875rem .3125rem .1875rem 0; color: hsl(0, 0%, 95%); background-color: hsl(0, 0%, 27%); border-bottom-right-radius: .25rem; border-top-right-radius: .25rem; line-height: 13px; line-height: .8125rem; font-size: 11px; font-size: .6875rem; font-weight: normal; } #main-content .page-tags a:before{ width: 0; height: 0; top: -.1875rem; left: -.625rem; padding: 0 .0625rem .1875rem; border-color: transparent hsl(0, 0%, 27%) transparent transparent; border-style: solid; border-width: .5rem .5rem .5rem 0; } #main-content .page-tags a:before, #main-content .page-tags a:after{ content: ""; position: relative; float: left; } #main-content .page-tags a:after{ width: .25rem; height: .25rem; top: .2813rem; left: -.5rem; background-color: hsl(0, 0%, 100%); border-radius: .125rem; } #main-content .page-tags span{ max-width: 100%; border-top: .5rem solid transparent; } /* -------- INTERWIKI -------- */ iframe.scpnet-interwiki-frame{ position: relative; width: 15.734em; height: unset; margin-bottom: .78em; margin-left: 4px; background-color: hsl(0, 0%, 100%); border: 2px solid hsl(0, 0%, 20%); } /* -------- REDUCED MOTION ACCESSIBILITY -------- */ @media (prefers-reduced-motion: reduce){ *, *::before, *::after{ animation-duration: .001s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; } } /* -------- MOBILE MEDIA QUERY -------- */ @media (max-width: 479px){ #header h1 a{ font-size: 85%; } div.image-showcase{ width: 90%; } div.o5-box{ margin: 1em 0; } } /* -------- NOTE MEDIA QUERY -------- */ @media (min-width: 480px) and (max-width: 580px){ #header h1 a{ font-size: 100%; } div.image-showcase{ width: 100%; } div.o5-box{ margin: .5em; } } /* -------- MINI TABLET MEDIA QUERY -------- */ @media (min-width: 581px) and (max-width: 767px){ #header h1 a{ font-size: 120%; } } @media (max-width: 767px){ .open-menu a:hover{ box-shadow: none; } } /* -------- TABLET MEDIA QUERY -------- */ @media (min-width: 768px) and (max-width: 979px){ #header h1 a{ font-size: 140%; } }
Usage
To import this theme to your page, put the following anywhere inside it:
[[include :scp-wiki:theme:creepypasta]]
The standard CSS @import method won't work. This is intentional (thanks to stormbreath for providing the CSS code!). Importing the theme using [[include]] adds your page to a list of Backlinks. This is useful for seeing what pages would be affected when this theme is updated, and allows any errors caused by that to be noticed and corrected much faster.
You can view any page's Backlinks by clicking "+ Options" at the bottom of the page, then "Backlinks".
Examples

Parawatch Logo.
A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.
Titles can be created by putting between one and six plus "+" at the start of the line
This is a tab view.
Hey look, more text here.
How quaint.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a blockquote, created by putting "> " at the start of each line.
More text
That's a horizontal rule
Nested blockquotes
This is a | table |
---|---|
You should know | how to make these |
already |
@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap'); /* Powered on 2019/05/09 06:09:42 [2019 Wikidot Theme] Created by The Great Hippo CC BY-SA 3.0 */ /* FONTS AND COLORS */ :root { --bg-light: #262626; --bg: #1a1a1a; --bg-dark: #000000; --fg-light: #ffffff; --fg: #f2f2f2; --fg-dark: #e6e6e6; --fg-accent-light: #ffffcc; --fg-accent: #ffff99; --fg-accent-dark: #ffff80; --fg-accent-2: #ffffff; } body { background: var(--bg); color: var(--fg); font-family: 'PT Mono', monospace; } a, a:visited { color: var(--fg-accent-dark); } h1, h2, h3, h4, h5, h6, #page-title { color: var(--fg-light); font-family: 'PT Mono', monospace; } ins, del { color: black; } /* HEADER */ div#container-wrap { background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Acreepypasta/gradient.png) top left repeat-x; } div#header { background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Acreepypasta/parawatch.png) 10px 40px no-repeat; } div#header h1 a span { /* hiding header text */ font-size: 0px; color: transparent; } div#header h1 a:before { content: " "; color: rgb(24, 24, 24); } div#header h2 span { font-size:0px; padding: 4px; } div#header h2:after { content: " "; font-weight: bold; color: rgb(255, 224, 135); padding: 19px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, .8); white-space: pre; } /* SIDE-BAR */ div#side-bar a, div#side-bar a:visited { color: var(--fg-dark); } div#side-bar div.side-block { background: rgb(24, 24, 24); border: 1px solid #ffe087; box-shadow: 0 2px 6px #404040; } div#side-bar div.side-block.media, div#side-bar div.side-block.resources { background: rgb(24,24,24); } div#side-bar div.side-block div.heading, div#side-bar div.collapsible-block-unfolded-link, div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link { color: rgb(255, 224, 135); border-color: rgb(255, 224, 135); } /* Recolors the image bullet points in the side-bar */ .side-block .menu-item > .image { filter: hue-rotate(230deg) invert(100%); } /* Recolors the Translation Module */ div.scpnet-interwiki-wrapper { filter: hue-rotate(230deg) invert(100%); } /* Recolors the panel that opens on mobile with the side-bar */ @media (max-width: 767px) { #side-bar{ background-color: var(--bg); } } /* Recolors the drop down from the arrow next to username in the header */ #login-status ul a { color: var(--fg); background: var(--bg); border-color: var(--fg); } #login-status ul a:hover { color: var(--fg-dark); } /* Makes the code readable */ .hl-identifier, .hl-code, .hl-brackets { color: var(--fg); } /* Top-Bar */ #top-bar a { color: var(--fg-dark); } #top-bar ul li ul { border-color: var(--fg-light); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top-color: var(-fg-light); } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background-color: var(--bg-light); color: var(--fg-dark); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: var(--bg-dark); /* top bar hover background color */ color: var(--fg-dark); } div.yui-navset div.yui-content { background: rgb(24, 24, 24); } div.yui-navset ul.yui-nav a, div.yui-navset div.yui-navset-top ul.yui-nav a { background: rgb(24, 24, 24); color: rgb(255, 237, 185); border: solid 1px #ffffff; } div.yui-navset ul.yui-nav a:hover, div.yui-navset ul.yui-nav a:focus { background: rgb(40, 40, 40); color: rgb(255, 237, 185); } div.yui-navset ul.yui-nav .selected a, div.yui-navset ul.yui-nav .selected a:focus, div.yui-navset ul.yui-nav .selected a:hover { background: rgb(50, 50, 50); color: var(--fg); border: solid 2px #ffff99; } /* rating module */ .page-rate-widget-box .rate-points { background-color: var(--bg-dark) !important; } .page-rate-widget-box .rate-points, .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a { background-color: var(--bg-dark); color: white; border: 0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel { background-color: var(--bg-dark); border: 0; border-left: 1px solid var(--fg-accent-light); } .page-rate-widget-box .rate-points, .page-rate-widget-box .cancel a { border: 0; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background-color: var(--bg-dark); color: white; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover { background-color: var(--bg-dark); color: white; } /* footnote hovers */ .hovertip { width: 20em; padding: 0.5em; border: 1px solid var(--fg-accent-light) !important; border-radius: 0.5em; background-color: #000000ee !important; box-shadow: 0 0 6px 1px #000000aa; z-index: 100; } .hovertip .f-heading { color: var(--fg-accent-light); } /* inputs */ input.text, input.button, #search-top-box-input, #search-top-box-form input[type=submit], div.buttons input, input.button, button, file, a.button { background: transparent; color: var(--fg); border: 1px solid var(--fg-accent-2); border-radius: 0; font-size: 1em; outline: 0; } div.buttons input:hover, div.buttons input:focus, input.button:hover, input.button:focus, button:hover, button:focus, file:hover, file:focus, a.button:hover, a.button:focus { border-color: var(--fg-accent-2); background: transparent; color: var(--fg); } input.text:hover, input.button:hover, input.text:focus, input.button:focus, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { color: var(--fg); background: transparent; border: 1px solid var(--fg-accent-2); outline: 0; } /* EDITING WINDOWS */ .owindow { color: #000; } .owindow h1, .owindow h2, .owindow h3, .owindow h4, .owindow h5, .owindow h6 { color: #000; } .owindow a { color: #272727; } table.page-files .highlight { background-color: #272727; } input.text { border: 1px dashed #000; color: #fff; } input.text:focus { border: 1px dashed #000; color: #fff; } input.text:hover { border: 1px dashed #000; color: #fff; } div#lock-info { background-color: var(--bg-light); } /* BLOCKQUOTES */ blockquote, div.blockquote { background: var(--bg-dark); border-width: 2px; border-style: solid; border-color: var(--bg-light); } /* Parawatch Forum Pseudo-Blockquotes */ div.parapost { background: var(--bg-dark); border-width: 2px; border-style: solid; border-color: var(--bg-light); padding: 0 1em; margin: 1em 3em; } div.parapost.reply1 {margin: 1em 3em 1em 4em;} div.parapost.reply2 {margin: 1em 3em 1em 5em;} div.parapost.reply3 {margin: 1em 3em 1em 6em;} div.parapost.reply4 {margin: 1em 3em 1em 7em;} div.parapost.reply5 {margin: 1em 3em 1em 8em;} @media (max-width: 479px) { div.parapost {margin: 1em 0;} div.parapost.reply1 {margin: 1em 0 1em 1em;} div.parapost.reply2 {margin: 1em 0 1em 2em;} div.parapost.reply3 {margin: 1em 0 1em 3em;} div.parapost.reply4 {margin: 1em 0 1em 4em;} div.parapost.reply5 {margin: 1em 0 1em 5em;} } @media (min-width: 480px) and (max-width: 580px) { div.parapost {margin: 0.5em;} div.parapost.reply1 {margin: 0.5em 0.5em 0.5em 1em;} div.parapost.reply2 {margin: 0.5em 0.5em 0.5em 1.5em;} div.parapost.reply3 {margin: 0.5em 0.5em 0.5em 2em;} div.parapost.reply4 {margin: 0.5em 0.5em 0.5em 2.5em;} div.parapost.reply5 {margin: 0.5em 0.5em 0.5em 3em;} } /* IMAGES */ #page-content .scp-image-block { border-color: var(--fg-accent); box-shadow: none; } #page-content .scp-image-block .scp-image-caption { border-color: var(--fg-accent); background-color: var(--bg-dark); } table.wiki-content-table th { background-color: var(--bg-dark); } hr { background-color: var(--fg); } .code { border: 1px dashed var(--fg); background-color: transparent; font-family: "Courier", "Courier New", "Roboto Mono", monospace; font-size: 1em; } /* INFO MODULE */ #page-content .rate-box-with-credit-button { background-color: var(--bg-dark); border: 1px solid var(--bg-dark); } #page-content .rate-box-with-credit-button .creditButton p a { border-left-color: var(--fg-accent-light); } #page-content .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } #page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points { border-left: 0; } #page-content .modalbox { background: linear-gradient(var(--bg) 51px,var(--bg-light) 51px,var(--bg-light)) !important; color: var(--fg); box-shadow: 0 2px 6px #404040; } .close-credits, .credit-back { filter: hue-rotate(230deg) invert(100%) brightness(150%); } #footer { background: var(--bg-light); } /* MOBILE CODE */ @media (max-width: 767px) { div#header { background-size: 22em; background-position: 1em; } #top-bar .open-menu a { border: 0.2em solid var(--bg-light); background-color: #787878; color: var(--bg-light); } }
/* Parawatch "Anon" Theme * [2021 Wikidot Theme] * Created by Lt Flops * Based on Creepypasta Theme by The Great Hippo and 4chan theme "Tomorrow" */ /* ---- FONTS AND COLOURS ---- */ :root{ --bg-light: hsl(0, 0%, 7%); --bg: hsl(210, 6%, 12%); --bg-dark: hsl(220, 7%, 17%); --bg-light-2: hsl(0, 0%, 11%); --fg-light: hsl(140, 3%, 83%); --fg: hsl(140, 3%, 78%); --fg-dark: hsl(207, 100%, 73%); --fg-dark-2: hsl(207, 100%, 56%); --fg-accent-light: hsl(207, 50%, 36.5%); --fg-accent: hsl(207, 90%, 63%); --fg-accent-dark: hsl(207, 32%, 52%); --fg-accent-2: hsl(140, 3%, 83%); --fg-accent-dark-2: hsl(207, 32%, 63%); --vivid-lime-green: hsl(112, 77%, 48%); } .meta-title{ border-bottom-color: var(--fg-light); color: var(--fg-light); } ins, del{ color: var(--bg-dark); } #toc{ background-color: unset; } a:visited, a:hover{ color: var(--fg-accent-dark-2); } a.newpage{ color: hsl(237, 27%, 68%); } /* ---- HEADER ---- */ div#container-wrap{ background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/gradient-anon.png); } div#header{ background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/parawatch-anon.png); } /* ---- SIDE-BAR ---- */ div#side-bar div.side-block{ background-color: var(--bg-dark); border-color: var(--fg-dark-2); box-shadow: none; } div#side-bar div.side-block.media, div#side-bar div.side-block.resources{ background: var(--bg-dark); } div#side-bar div.side-block div.heading, div#side-bar div.collapsible-block-unfolded-link, div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link{ color: var(--fg-dark-2); border-color: var(--fg-dark-2); } #side-bar div.menu-item img{ filter: hue-rotate(62deg) invert(100%); } div.scpnet-interwiki-wrapper{ filter: hue-rotate(62deg) invert(100%); } @media (max-width: 767px){ #side-bar{ background-color: var(--bg-dark); } } /* ---- TOP-BAR ---- */ #top-bar a{ color: var(--fg-accent-dark); } #top-bar .open-menu a{ color: var(--fg-dark-2); background-color: var(--bg-dark); border-color: var(--fg-dark-2); } div.yui-navset div.yui-content{ background-color: var(--bg); } div.yui-navset ul.yui-nav a, div.yui-navset div.yui-navset-top ul.yui-nav a{ background-color: var(--bg-dark); color: var(--fg-accent); border-color: var(--fg-light); } div.yui-navset ul.yui-nav a:hover, div.yui-navset ul.yui-nav a:focus{ background-color: var(--bg-light); color: var(--fg-accent-light); } div.yui-navset ul.yui-nav .selected a, div.yui-navset ul.yui-nav .selected a:focus, div.yui-navset ul.yui-nav .selected a:hover{ background-color: var(--bg-light-2); border-color: var(--fg-accent); } /* ---- INFO BAR ---- */ body{ --linkColour: var(--fg); --barColour: var(--bg-dark); } /* ---- INFO MODULE ---- */ .creditButton p a{ color: var(--fg); } .creditButton p a:hover, .creditButtonStandalone p a:hover{ color: var(--vivid-lime-green) !important; } #page-content .modalbox{ background: var(--bg) !important; box-shadow: none !important; } .close-credits, .credit-back{ filter: hue-rotate(62deg) invert(100%) brightness(150%); } div#footer{ background: var(--bg-dark); } #license-area{ color: var(--fg); } /* ---- RATING MODULE ---- */ .page-rate-widget-box, .rate-box-with-credit-button{ box-shadow: none; } .page-rate-widget-box .rate-points, .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a, .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover{ color: var(--fg); } /* ---- LICENSEBOX ---- */ .licensebox .collapsible-block-link{ color: var(--fg-accent-dark); } /* ---- FOOTNOTE HOVERS ---- */ .hovertip{ box-shadow: none; } /* ---- EDITING WINDOWS ---- */ .owindow{ border-color: var(--fg-dark-2); } .owindow, .owindow h1, .owindow h2, .owindow h3, .owindow h4, .owindow h5, .owindow h6{ color: var(--fg); } .owindow, .title.modal-header{ background-color: var(--bg-dark); } .owindow a, .owindow a:visited{ color: var(--fg-accent-dark); } .owindow .active{ color: var(--fg-dark-2); } .owindow .content.modal-body img{ background-color: var(--bg-dark) !important; } .owindow .button-bar a{ background-color: transparent; border-color: var(--fg-dark-2); } .owindow .button-bar a:hover, .owindow .button-bar a:focus{ background-color: transparent; border-color: var(--fg-dark); } table.page-files .highlight{ background-color: var(--bg-light); } input.text, input.text:focus, input.text:hover{ border-color: var(--bg-dark); color: var(--fg-light); } /* ---- PARAWATCH DIV BLOCK ---- */ div.parapost{ border-color: var(--bg-dark); } span.title{ color: var(--fg-dark-2); font-size: 110%; font-weight: bold; cursor: pointer; word-break: unset; } span.title span{ word-break: unset; } span.title:hover, span.title:focus{ text-decoration: underline; } /* ---- MOBILE CODE ---- */ @media (max-width: 767px){ #top-bar .open-menu a{ background-color: var(--bg-dark); } } /* ---- CODE SELECTORS [BACK-END] ---- */ .hl-identifier, .hl-code, .hl-brackets{ color: var(--fg); } .hl-var{ color: #21ff00; } .hl-special, .hl-quotes{ color: #ffff00; } .hl-reserved{ color: #00b2ff; } .hl-number, .hl-string{ color: #ff0020; }
Forum » Bug/Insects Related Stories » Coleoptera
CartneyStar 6/25/2021 (Fri) 21:34:07 #61295191
When I was in middle school, there was this kid I knew named Sam.
Sam was your stereotypical nerd: blonde hair, big glasses, skinny and nonathletic, and very smart. We weren't really friends in the sense that we were "best buds" and invited each other to play at our homes. Most of the time we just sat at the same table and talked about comics, or video games.
From what I could gather, from his very few words about it, his father was a drunk, and his mother had left when he was five or six. While I don't think there was any physical abuse, there was almost definitely some negligence. One time, I had seen his father passed out on the street.
As for the insect bites, that was something I never understood either. The windows and doors and garage in his house were always closed, and Sam was never the type of person to venture outside.
But I was fourteen, so I didn't think much of it. After the end of the school-year, I never really saw much of Sam, except for the occasional glance where he'd be coming home with a jug of milk or some grocery bags, while I was out on my bicycle. I'd wave, he'd wave back, and that was the end of our interactions for a few months.
Then came the fifteenth of August. I was in the sitting room playing on a Nintendo-64 when the doorbell rang. Outside was Sam, with more bites than ever- at this point it looked like he had terrible acne. He was completely out of breath
I invited him inside and he sat down on the couch, staring at his feet. I was pretty confused, but my mother had taught me manners so I got him a glass of water and sat down opposite him. He downed the glass and started talking about how his father had been in the woods for three days, and just five minutes ago a note had appeared on his doorstep saying: "Come to the shack."
He asked me if I wanted to go and help him find his father. I was already apprehensive; I was willing to do a lot of stupid things, but traipsing into the woods looking for a drunk grown man was not really something I wanted to do. But he looked so helpless and afraid, so I agreed.

The forest.
It was night when we finally left- because it was rapidly approaching darkness, we had to scrounge around for some flashlights. I told my mom and dad I was sleeping over at my friends house, and then we set off down the road.
About twenty minutes later we arrived at the border of the forest, and at this point Sam was growing quieter and quieter, his face paler; the bug bites were a lot more noticeable. He walked inside the dark forest with no hesitation, and I followed.
Sam seemed to know where he was going: He walked quickly, his face set in a grim line. The flashlights were so noticeable in the dark, I was sure that if anyone was in the forest they'd see us coming from a mile away. But I was too far deep in to chicken out, and something in Sam's face was oddly scary.
Roughly thirty minutes later, Sam stopped. He adjusted his bulky glasses and turned to me. He told me we have to turn the flashlights off: they were getting close. I remember asking, "What is getting close?" But he ignored me and continued on into the darkness.
I was very tempted to leave, but I couldn't remember the way back, and I didn't like the thought of wandering in the forest for the next few hours, so I switched off the light and followed him. The forest floor was covered with leaves and twigs- at least, I thought it was leaves and twigs, based off of the brittle crunching sound; it was too dark to see.
I could hear an odd sound, now. Almost like a bee buzzing. The uncomfortable sound seemed to grew closer as we seemed to approach the shack. Through the little moonlight that was barely enough to cover tree branches, I could see beetles and flies scurrying on the wood.
After a few minutes- or hours, I wasn't sure -Sam turned around, his pale face shining in the darkness. "We're almost there, don't make any sound." My heart was beating a heavy tattoo against my throat as I walked forward.
Suddenly, there was this blinding light. I squinted and I saw Sam and his father standing next to this old wooden shack, with moss and rotting wood adorning it. The buzzing sound was so much more louder, and when I fully opened my eyes I saw a massive grid of lights in front of me.
I remember turning to Sam, who was now staring at me impassively, zero emotion in his face. His father looked like a mess, though. His beard and hair were unkempt, his clothes in rags. Dirt and trash covered his skin, and a scent of feces and trash exuded from him.
Most noticeably, however, were the numerous amounts of bug bites on him, which seemed to have grown tenfold from when I last saw him. His teeth were yellow and blackened when he smiled, and I remember him saying, "Good job," to Sam, and clapping him on the shoulder.
When I looked behind me, the leaves and twigs I thought I was stepping on weren't leaves: they were bones. A human skull was looking at me, its eyes wide and hollow, the skull cracked open. More bones surrounded it. Looking back, those were probably the people that disappeared.
I remember him raising his hands as though he were conducting a band, and he started some kind of odd chant in a weird guttural language. It sounded more like grunting than anything, but at this point I had tried to run away. But he caught me by the neck of my shirt and threw me to the ground.
He started moving around me in a circle, and that horrible buzzing sound grew louder, and suddenly I could see the source.
Millions of bugs, in massive dark clouds had come from the forest and into the small clearing. The droning of it grew louder still, and the horrible smell became more pronounced. More bugs came, surrounding me, and then they began to crawl onto me.
Beetles, some six inches long, began to eat my arm. Huge mosquitoes sucked blood out of me. I couldn't breathe, because whenever I tried, I inhaled dozens of bugs, and I choked on them until I coughed them up.
Everything went black after that, and I remember waking up on the pavement across from my house. After what had happened, I heard that Sam and his father had disappeared. The bug bites on my skin were big and red, so I wore long-sleeved shirts and pants every where I went.
After a few months, the bites have mostly faded away. There's still one on my arm, though. Now, I'm in high-school, and everyone I've talked to said that they don't know a "Sam". I've even gone to several therapists, and they've said that I dreamt it up. When I showed the bite mark, they say that they don't see anything, and that I was some kind of liar.
But I know that isn't true, because yesterday, a beetle came out of my bite mark.
Cite this page as:
"Coleoptera" by CanOfSoup, from the SCP Wiki. Source: http://scp-wiki.wikidot.com/coleoptera. Licensed under CC-BY-SA.
For more information, see Licensing Guide.
Licensing Disclosures
Filename: gradient-anon.png
Author:The Great Hippo
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
Source Link: http://scp-wiki.wdfiles.com/local--files/saturn-s-corner/gradient-anon.png
Note: Edited byLt Flops. Changed gradient tone. Taken from Saturn's Corner, by
Lt Flops
Filename: parawatch-anon.png
Author:The Great Hippo
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
Source Link: http://scp-wiki.wdfiles.com/local--files/saturn-s-corner/parawatch-anon.png
Note: Edited byLt Flops. Recoloured logo. Taken from Saturn's Corner, by
Lt Flops
"[[include :scp-wiki:theme:anon]]" theme is by
Lt Flops, a variant version of the "[[include :scp-wiki:theme:creepypasta]]" theme.
"Forest Road" by Rubber Dragon is licensed with CC BY-SA 2.0. To view a copy of this license, visit https://creativecommons.org/licenses/by-sa/2.0/
For more information about on-wiki content, visit the Licensing Master List.