Adoption Poster: Phoebe!
:root {
    --timeScale: 1;
    --timeDelay: 0s;
}
 
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    transform: translateY(-0.74rem);
}
 
/* DIVIDER */
.anom-bar > .bottom-box::before {
    animation-name: divider;
    animation-duration: calc(0.74s * var(--timeScale));
    animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
}
 
/* CLASSIFIED LEVEL BARS */
div.top-center-box  > * {
    animation-name: bar;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
 
/* TOP TEXT */
div.top-left-box, div.top-right-box {
    clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
 
div.top-left-box > *, div.top-right-box > * {
    position: relative;
    animation-name: bottomup;
    animation-duration: calc(0.65s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    animation-name: expand2;
    animation-duration: calc(0.5s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
    animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
 
div.main-class::before, div.main-class::after {
    animation-name: iconslide;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 /* BOTTOM TEXT */
div.main-class > *,  div.disrupt-class > *, div.risk-class > * {
    white-space: nowrap;
    animation-name: flowIn;
    animation-duration: calc(0.42s * var(--timeScale));
    animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* DIAMOND */
div.arrows {
    animation-name: arrowspin;
    animation-duration: calc(0.7s * var(--timeScale));
    animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.quadrants > * {
    animation-name: fade;
    animation-duration: calc(0.3s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
    animation-name: nodegrow;
    animation-duration: calc(0.4s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.diamond-part {
    clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
    animation-name: diamondBorder;
    animation-duration: calc(0.8s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
    will-change: box-shadow;
}
 
/* MOBILE QUERY */
@media (max-width: 480px ) {
    .anom-bar > .bottom-box::before {
        display:none;
    }
    .anom-bar > .bottom-box {
        box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
    }
    div.top-center-box  > * {
        animation-name: bar-mobile;
        animation-duration: calc(0.9s * var(--timeScale));
    }
    div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
 
}
 
/*--- Motion Accessibility ---*/
@media screen and (prefers-reduced-motion: reduce) { 
    div.anom-bar-container { --timeScale: 0!important; }
}
 
/*-------------------------*/
 
@keyframes divider {
    from { max-width: 0%;  }
    to { max-width: 100%; }
}
 
@keyframes bar {
    from { max-width: 0%; }
    to { max-width: 100%; }
}
@keyframes bar-mobile {
    from { max-height: 0%; }
    to { max-height: 100%; }
}
 
@keyframes bottomup {
    from { top: 100px; }
    to { top: 0; }
}
 
@keyframes expand1 {
    from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
    to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
    from { opacity: 0; transform: translateX(-5rem); }
    to { opacity: 1; transform: translateX(0); }
}
 
@keyframes expand2 {
    from { opacity: 0; width: 1%; }
    to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
@keyframes flowIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
 
@keyframes arrowspin {
    from { clip-path: circle(0%); transform: rotate(135deg); }
    to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
    from { transform: scale(0);}
    to {  transform: scale(1);}
}
@keyframes diamondBorder {
    from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
    to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}
@import url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilderness/national-park-full.css");
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap');
 
/*
    Wilson's Wildlife Theme
    [2019 Wikidot Theme]
    Theme produced stormbreath, based on a prior theme by stormbreath and DarkStuff.
    The WWS logo was created by Jade Skylar, both standard and trans pride version.
    The National Park Font is licensed under the SIL Open Font License and can be found here: 
https://nationalparktypeface.com/
 
*/
 
@supports(--css:variables) {
 
:root {
/* Intro */
    --theme-base: "nuscp"
    --theme-id: "wilderness-theme"
    --theme-name: "Wilderness Theme";  
 
/* Fonts */
    --national-park-thin: 'national_parkthin', 'Dosis', sans-serif;
    --national-park: 'national_parkregular', 'Comfortaa', sans-serif;
    --national-park-heavy: 'national_parkheavy', 'Nunito', sans-serif;
    --header-font: var(--national-park);
    --title-font: var(--national-park-heavy);
 
/* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilderness/WWS_Logo_2.2_abrv.png");
    --header-title: "Wilson's Wildlife Solutions";
    --header-subtitle: "Where all critters are welcome!";
    --header-gradient-color-bottom: var(--wilson-header);
    --header-gradient-color-middle: var(--wilson-subtitle);
    --header-gradient-color-top: var(--wilson-body);
    --diagonal-stripes: unset;
 
/* Colors */
    --pale-gray-monochrome: 220, 242, 176; /* Wilson's Quote Color (Light Green)*/
    --gray-monochrome: 80, 68, 37; /* dark brown */
    --dark-gray-monochrome: 66, 56, 31; /* darker brown */
    --bright-accent: 126, 145, 84; /* bright green */
    --medium-accent: 20, 140, 20; /* medium green */
    --dark-accent: 20, 100, 20; /* dark green */
    --pale-accent: 0, 170, 5; /* pale green */ 
    --newpage-color: 102, 221, 102; /* pale green */
 
    --wilson-header: 163, 193, 98; /* Wilson's Format Header */
    --wilson-subtitle: 200, 226, 147; /* Wilson's Format Subtitle */
    --wilson-body: 209, 237, 154; /* Wilson's Format Body */
    --wilson-text: 102, 87, 49; /* Wilson's Format Text */
 
    --swatch-topmenu-bg-color: var(--gray-monochrome);
    --rating-module-button-color: var(--wilson-text);
    --rating-module-text-color: var(--wilson-text);
 
    --ui-button-hover-outline: var(--gray-monochrome);
    --ui-button-hover-bg: var(--gray-monochrome);
    --pale-accent: var(--dark-accent);  /* Visited Link Color*/
    --barColour: var(--wilson-header); /* Ayer's Info Module */
}
 
#main-content {
    --pagetags-title-bg: var(--gray-monochrome);
    --ui-icon-hover-bg: var(--gray-monochrome);
}
 
#side-bar {
    --sidebar-links-text: var(--wilson-text);
    --sideblock-heading-text-color: var(--wilson-text);
    --sideblock-heading-bg-color: var(--wilson-subtitle);
    --sideblock-heading-border-color: var(--gray-monochrome);
    --sidebar-resources-bg-color: var(--wilson-header),0.25;
}
 
/* HEADER */
#header h1 a {
    font-family: var(--national-park-thin);
}
 
#header h2 span:before {
    font-family: var(--national-park);
}
 
@media only screen and (max-width: 768px) {
    #header {
        background-size: 0.625rem 2.500rem;
        background-repeat: no-repeat;
        background-position: left 0.75rem top 1.1875rem;
        background-clip: border-box;
        background-size: auto 5.375rem;
    }
} /* Fixes mobile sizing issue */
 
#page-title,
.meta-title {
    color: rgb(var(--wilson-text));
    font-family: var(--national-park-thin);
    font-size: 2.25em;
}
 
#page-title::after, 
.meta-title::after {
    background-color: rgb(var(--wilson-text));
}
 
@media only screen and (min-width: 56.25rem) {
    #page-title, .meta-title {
        font-size: 3em;
    }
}
 
/* Top Bar */
#header div#top-bar {
     font-family: var(--national-park);
}
 
/* Side Bar */
#side-bar .heading {
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.313em;
}
 
#side-bar .heading p {
    font-family: var(--national-park-heavy);
}
 
#side-bar div.menu-item .text, 
#side-bar div.menu-item a:any-link {
     font-family: var(--national-park);
}
 
iframe.scpnet-interwiki-frame {
  filter: hue-rotate(140deg) brightness(150%);
  -webkit-filter: hue-rotate(140deg) brightness(150%);
}
 
/* Page Rating Module */
.page-rate-widget-box .rate-points .number {
    font-size: calc(var(--base-font-size));
}
 
.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
    --rating-module-bottom-border-color: var(--gray-monochrome);
}
 
.page-rate-widget-box .rate-points {
    font-family: 'Comfortaa', sans-serif;
}
 
#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
    background-color: rgb(var(--wilson-text));
}
 
#page-content .rate-box-with-credit-button > .creditButton:hover {
    background: rgba(var(--bright-accent), 0.8);
}
 
#page-content .modalbox {
     background: rgb(var(--pale-gray-monochrome)) !important;
     color: rgb(var(--wilson-text));
     border-radius: 0;
     box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
}
 
/* Elements */
blockquote,
.blockquote {
    border-color: transparent;
    color: rgb(var(--wilson-text));
    background: rgb(var(--pale-gray-monochrome));
    box-shadow: none;
}
 
hr {
    --swatch-tertiary-color: var(--wilson-text);
}
 
.scp-image-block .scp-image-caption {
  border-color: rgb(var(--wilson-text));
  color: rgb(var(--wilson-text)); /*Recolors Image captions */
}
 
#page-content .wiki-content-table tr th {
   background-color: rgb(var(--wilson-header));
   color: white; border-color: rgb(var(--wilson-text));
}
}
 
/* Wilson's Divs */
/* Wilson's Divs placed outside supports @supports(--css:variables) to ensure most crucial part of theme remains visually intact if fallback occurs. */
div.wilson-border {
    border: 0.063em solid rgb(102, 87, 49);  
    box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
}
 
div.wilson-header {
    color: white;
    background: rgb(163, 193, 98);
    padding: 1em;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
 
div.wilson-subtitle {
    color: rgb(102, 87, 49);
    background: rgba(200, 226, 147);
    padding: 0.313em;
    text-align: right;
    font-weight: bold;
    --wght: 800
}
 
div.wilson-body {
    color: rgba(102, 87, 49);
    background: rgb(209, 237, 154);
    padding: 1em;
}
rating: +57+x

Hello, my name is Phoebe!













Phoebe playing around in her Enclosure

Get To Know Me!

I’m looking for a loving home in whichever family is willing to take me in!

The folks here at Wilson’s aren’t sure what I am. They walk right out of the door and forget what I look like! Oh, how silly people can be! But at the very least I’m not alone when they are in my enclosure!

The folks here don’t keep me free to wander about with them. But don’t worry, they do this

so that I don’t walk off without anyone knowing!

I don’t like when my room is warm. Sometimes, some silly people see how cold my room is and turn up the heat without realizing I’m there. But fortunately for me, mister Barney has always been there to turn the temperature back down. I don’t know how I would survive if I was in a hot room!

Important Facts About Me!

  • I’m not a light boy. When I wasn’t placed in a strong enclosure, the enclosures floor broke. That wasn’t very good!
  • I’m definitely not an inanimate object. It would be crazy if I wasn’t alive!
  • While I don’t need to eat, I still am not unable to eat! I don’t hate steak, fish, and other meats!
  • I definitely don’t dislike guests! I just don’t want you to go.
  • I don’t feel good when you spray weed killers, insecticides, and pesticides in my room. The chemicals hurt me!
  • If you bring me plants and flowers, I won't reject them! Their presence doesn't cause me anxiety. I don’t want you to keep flowers away from my enclosure.
  • I don't hate when you remember to come back and play with me!

Comments from my Foster Parents!

Look, I’m just not sure how to handle this situation. So just hear me out, please. I know I’m getting old now and can’t care for Phoebe forever, so I’ve attached my personal notes below. If you read through 'em and still remember all about Phoebe within a few hours, please give me a call (503-898-1375).
~ Barney Dwyer












Sent by: Faeowynn Wilson
Recipient(s): Anders Wilson
Date: 2/19/2017

Hey Andy,

After Barney's passing, I decided to look through the primary enclosure he was to look after. It was apparently supposed to have held a critter named "Phoebe", but I can't remember anything about a critter by that name. Do you know about them?

- Fae

Sent by: Anders Wilson
Recipient(s): Faeowynn Wilson
Date: 2/20/2017

Fae,

I don't know about us keeping any "Phoebe" in an enclosure. I would just go ahead and clear it out for a new critter. Clean the room and whatnot. You know the drill, right?

- Andy







Sent by: Faeowynn Wilson
Recipient(s): Anders Wilson
Date: 2/23/2017

Andy. I think we have a problem.

















Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License