'Pataphysics Department Theme

Rating:

rating: +67+x

Rating w/ Info Pane:

rating: +67+x

What Is This?


This is the 'Pataphysics Department Theme, by Lt FlopsLt Flops.

It is inspired by the "Pataphysics Department", created by RimpleRimple.

How to Use


To use this theme, please copy this syntax onto the top of your page:

[[include :scp-wiki:theme:pataphysics]]

What is this theme used for?

This theme exists to represent one interpretation of the Pataphysics Department. It is not definitive of all pataphysical stories on the Wiki.

The Pataphysics (or 'Pataphysics) Department is not defined by any single canon:

  • Sometimes, it's a group of fictional characters documenting anomalies from various literature.
  • Sometimes, it's a group of people protecting the world from imagined monsters turned real.
  • Sometimes, it's a study of characters in a story interacting with or recognizing their shared fiction.
  • Other times, it's an exercise in breaking the fourth wall.

This theme is suitable for use in SCPs, Tales, and other pages.

For further information — like why this interpretation uses an apostrophe — see: The Wikipedia entry on 'Pataphysics.

Example Formatting

pata-logo.png

Image Block

L1 Heading

L2 Heading

L3 Heading

L4 Heading

L5 Heading
L6 Heading

bold | italic | underline | strikethrough | teletype | superscriptsubscript

Type 4 hyphens ("----") to create a horizontal rule.


Block Quote

Nested Block Quote

header header header header header header
cell-content cell-content cell-content cell-content cell-content cell-content

fake code selector{
fake code property: fake code value;
}

A link (A link you probably visited)

  1. numbered list
  2. list item
  3. list item
  • bulleted list
  • list item
  • list item

Tab content

Source Code

@import url(https://fonts.googleapis.com/css2?family=Carrois+Gothic&display=swap);
 
/* 'Pataphysics Department Theme
 * [2018 Wikidot Theme]
 * Based on Aelanna's Sigma-9 Theme as Edited by Dr Devan
 * Inspired by Rimple's "Pataphysics Department"
 * Created by Lt Flops, Logo Designed by TSATPWTCOTTTADC, CSS Spinner by Woedenaz
 * With Code Help From Stormbreath
**/
 
/* ---- COLOUR VARIABLES ---- */
 body{
                                /* ---- GREY --- */
                --very-dark-grey: hsl(0, 0%, 05%);
                          --grey: hsl(0, 0%, 75%);
                    --light-grey: hsl(0, 0%, 88%);
                  --lighter-grey: hsl(0, 0%, 91%);
               --very-light-grey: hsl(0, 0%, 95%);
                               /* ---- GOLD ---- */
                --pure-yellow: hsl(51, 100%, 50%);
               --strong-orange: hsl(36, 67%, 49%);
                              /* ---- GREEN ---- */
           --vivid-lime-green: hsl(112, 77%, 48%);
                               /* ---- BLUE ---- */
                  --dark-blue: hsl(253, 60%, 33%);
                             /* ---- VIOLET ---- */
           --very-dark-violet: hsl(268, 39%, 10%);
  --very-dark-moderate-violet: hsl(268, 40%, 25%);
               --dark-violet: hsl(266, 100%, 25%);
     --very-dark-muted-violet: hsl(268, 33%, 30%);
             --strong-violet: hsl(268, 100%, 37%);
       --dark-moderate-violet: hsl(268, 40%, 45%);
   --mostly-muted-dark-violet: hsl(268, 25%, 50%);
                    /* ---- GRADIENT VIOLET ---- */
--grad-very-dark-muted-violet: hsl(268, 40%, 19%);
  --grad-dark-moderate-violet: hsl(268, 40%, 33%);
                            /* ---- MAGENTA ---- */
               --dark-magenta: hsl(298, 86%, 37%);
}
 
/* ---- CONTENT WRAP ---- */
 div#container-wrap{
     background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Apataphysics/pataphysics-header-updated.png) top left repeat-x !important;
}
 body{
     color: hsl(0, 0%, 05%);
     color: var(--very-dark-grey);
     background-color: hsl(0, 0%, 95%);
     background-color: var(--very-light-grey);
 
     word-break: unset;
}
 
/* ---- LOGO IMAGE | [PRE] ---- */
 #header{
     background-image: none;
}
 #header #header-extra-div-1,
 #header #header-extra-div-2,
 #header #header-extra-div-3{
     width: 6.25rem;
     height: 6.25rem;
     display: flex;
     position: absolute;
     left: .25rem;
     top: 2rem;
}
 
/* 'Pataphysics Department Logo | [ANIMATION]
 * Logo Designed by TSATPWTCOTTTADC, CSS Spinner by Woedenaz
 * Released Under CC BY-SA 3.0
**/
 #header #header-extra-div-1::before,
 #header #header-extra-div-2::before,
 #header #header-extra-div-3::before{
     content: "";
     width: 6.25rem;
     height: 6.25rem;
     position: absolute;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
     flex: 1;
}
 #header #header-extra-div-1::before{
     z-index: 1;
     background-image: url("data:image/svg+xml,%3Csvg id='Layer_3' data-name='Layer 3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.55;fill:url(%23linear-gradient);%7D.cls-2%7Bopacity:0.66;%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='6.16' y1='32.16' x2='97.17' y2='66.71' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%238b8b8b'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ctitle%3Epata_logo_bg%3C/title%3E%3Cpath class='cls-1' d='M50,93.82A43.11,43.11,0,0,1,34.88,91.1a44.63,44.63,0,0,1-7.72-3.77c-1.05-.65-2.49-1.65-3.46-2.39l-3.58,1.31-1.82.67a3.82,3.82,0,0,1-1.42.37c-1.17,0-1.17,0-3.4-3.82L9.54,76.66,2.79,65C1.31,62.4,1,61.81,1.7,60.78a12.07,12.07,0,0,1,1.72-1.67l3.06-2.83.59-.54C7,54.68,6.87,53.85,6.82,53c-.05-1.09-.05-3.59,0-4.62a26.26,26.26,0,0,1,.4-3.6h0c0-.1.07-.35.1-.61a43.11,43.11,0,0,1,26.07-33.3c.11-.64.27-1.56.45-2.62.35-2,.65-3.7.66-3.77l.39-1.74H61.58c2.42,0,3.42,0,3.87,1.48l0,.17c0,.07.22,1,.51,2.25l.35,1.55c.25,1.13.49,2.16.64,2.86a48.34,48.34,0,0,1,4.38,2.19,43.08,43.08,0,0,1,21.5,33.1,42.82,42.82,0,0,1-.11,9.94l.83.7c4.52,3.77,4.52,3.77,4.73,4.25l.35.81-.36.81c0,.11-.14.31-6.88,12-1.67,2.91-3.35,5.8-4.61,8-2.44,4.21-2.48,4.28-3.19,4.51A2.45,2.45,0,0,1,82,87.21L81.29,87l-.16,0-.64-.2-2.71-.84-2-.62a42.77,42.77,0,0,1-6.27,3.89,22.46,22.46,0,0,1-3.24,1.45l-.66.25A42.73,42.73,0,0,1,55.1,93.51,42.08,42.08,0,0,1,50,93.82ZM24.05,80.7a2.37,2.37,0,0,1,1.56.66,42.19,42.19,0,0,0,3.67,2.58,41.09,41.09,0,0,0,7,3.41,39.18,39.18,0,0,0,27.86-.19,9.74,9.74,0,0,1,1.07-.39c.28-.1,1.26-.55,2.48-1.16a38.42,38.42,0,0,0,5.71-3.54L75,80.87l1.29.39.27.09c.28.09,2.06.65,2.33.72s2.74.85,2.93.92l.2.06c2.36-4,9.49-16.39,11.88-20.57-.8-.68-1.9-1.59-2.9-2.42h0l-1.74-1.47a2.48,2.48,0,0,1-.56-2.38,38.28,38.28,0,0,0,.16-9.46,39.15,39.15,0,0,0-19.5-30,42.63,42.63,0,0,0-4.52-2.21,2.39,2.39,0,0,1-1.56-1.6h0c-.07-.3-.26-1.14-.86-3.84L62.1,7.52C62,7.24,62,7,61.92,6.75c-1.75,0-5.36,0-11.92,0H38.17c-.11.62-.24,1.38-.39,2.2-.68,4-.68,4-.88,4.31l-.12.18a2.87,2.87,0,0,1-1.52,1,39.15,39.15,0,0,0-24,30.34,7.85,7.85,0,0,1-.21,1.08c-.05.32-.18,1.52-.25,2.77-.05.89-.05,3.23,0,4.18s.12,1.64.25,2.72l.21,1.78-.91.85L9.19,59.22,6.13,62l-.27.25.4.69L13,74.66c2.08,3.6,3.8,6.57,4.76,8.2l1-.36C23.65,80.7,23.65,80.7,24.05,80.7Zm41.33,6h0ZM11.06,45.87,11,46Z'/%3E%3Cpath class='cls-2' d='M92.06,61.58l-1.59-1.33-.83-.69-.48-.4-.43-.36c-.2-.17-.46-.39-.56-.49L88,58.13l0-.28c.24-1.33.45-2.9.56-4.24a49.09,49.09,0,0,0,0-6A38.71,38.71,0,0,0,68.73,16.83a41.87,41.87,0,0,0-5-2.31c-.75-.29-.79-.32-.82-.43s-.17-.72-.33-1.45c-.34-1.48-1.29-5.55-1.32-5.66s-.6-.07-11.32-.07H38.67l0,.09-.4,2.27c-.52,3-.79,4.5-.83,4.67s-.06.14-.54.31A38.75,38.75,0,0,0,11.69,44.89a36.79,36.79,0,0,0-.42,6.55c0,.77,0,1.67,0,2a32.6,32.6,0,0,0,.46,3.88l.06.3-.28.27c-.15.15-.33.31-.39.36L10,59.39l-.39.35c-.12.11-.41.37-.62.58L8.28,61c-.15.14-.58.55-1,.9l-.83.79-.14.12L12,72.55c3.1,5.37,5.66,9.77,5.68,9.77s.36-.11.74-.25l2.05-.75,2.05-.76a17.06,17.06,0,0,1,1.8-.63l.2,0,.4.34a5,5,0,0,0,.45.37,2.14,2.14,0,0,1,.35.26,39,39,0,0,0,21.76,8.46c.93.07,4.05.07,5,0a38.84,38.84,0,0,0,11.78-2.66,39.67,39.67,0,0,0,6.62-3.39,2.93,2.93,0,0,1,.42-.24,32.77,32.77,0,0,0,3-2.17l.7-.56c.1-.08.11-.08.61.08l.81.24.37.11.28.09.27.08.46.15.63.19c.36.11,2.06.63,2.24.67l.82.25c.37.11.71.2.74.2s2.29-3.87,5.66-9.7c3.07-5.33,5.61-9.72,5.64-9.76S93.66,62.92,92.06,61.58Z'/%3E%3Cpath class='cls-3' d='M92.31,58.52,90.7,57.17c-.07-.07-.07-.09,0-.7a40.13,40.13,0,0,0,.17-9.93A41.17,41.17,0,0,0,70.38,15a48.54,48.54,0,0,0-4.76-2.33,1,1,0,0,1-.36-.2s-.4-1.76-.86-3.81-.86-3.78-.86-3.83S62.83,4.73,50,4.73H36.49l0,.12c0,.06-.31,1.74-.66,3.73s-.64,3.65-.65,3.68a4.59,4.59,0,0,1-.64.3A41.14,41.14,0,0,0,9.3,44.45c-.06.4-.13.78-.15.83a26.39,26.39,0,0,0-.33,3.2c-.05,1-.05,3.38,0,4.4s.13,1.77.26,2.86l.09.77L9,56.66,7.73,57.84,7,58.55l-2.19,2c-.76.7-1.39,1.3-1.41,1.32s.51,1,1.16,2.08l6.75,11.68c3.06,5.3,5.58,9.63,5.61,9.63l.73-.25,1.82-.67C23.11,83,24,82.7,24.05,82.7a1.32,1.32,0,0,1,.29.2,45.39,45.39,0,0,0,3.88,2.74,44.52,44.52,0,0,0,7.36,3.59A41.13,41.13,0,0,0,64.88,89l.84-.31a26.66,26.66,0,0,0,2.88-1.32,39,39,0,0,0,6-3.72l.81-.59.22.06.34.11,2.38.74,2.83.89.54.16.83.26a2.05,2.05,0,0,0,.43.11S96.5,62.06,96.49,62,95.67,61.32,92.31,58.52ZM93.5,62.9s-2.57,4.43-5.64,9.76c-3.37,5.83-5.63,9.7-5.66,9.7s-.37-.09-.74-.2l-.82-.25c-.18,0-1.88-.56-2.24-.67l-.63-.19-.46-.15L77,80.82l-.28-.09-.37-.11-.81-.24c-.5-.16-.51-.16-.61-.08l-.7.56a32.77,32.77,0,0,1-3,2.17,2.93,2.93,0,0,0-.42.24,39.67,39.67,0,0,1-6.62,3.39,38.84,38.84,0,0,1-11.78,2.66c-.93.07-4.05.07-5,0a39,39,0,0,1-21.76-8.46,2.14,2.14,0,0,0-.35-.26,5,5,0,0,1-.45-.37l-.4-.34-.2,0a17.06,17.06,0,0,0-1.8.63l-2.05.76-2.05.75c-.38.14-.71.25-.74.25s-2.58-4.4-5.68-9.77L6.34,62.77l.14-.12.83-.79c.39-.35.82-.76,1-.9L9,60.32c.21-.21.5-.47.62-.58l.39-.35,1.2-1.13c.06,0,.24-.21.39-.36l.28-.27-.06-.3a32.6,32.6,0,0,1-.46-3.88c0-.34,0-1.24,0-2a36.79,36.79,0,0,1,.42-6.55A38.75,38.75,0,0,1,36.88,14.25c.48-.17.5-.18.54-.31s.31-1.7.83-4.67L38.65,7l0-.09H50c10.72,0,11.29,0,11.32.07s1,4.18,1.32,5.66c.16.73.31,1.38.33,1.45s.07.14.82.43a41.87,41.87,0,0,1,5,2.31A38.71,38.71,0,0,1,88.54,47.57a49.09,49.09,0,0,1,0,6c-.11,1.34-.32,2.91-.56,4.24l0,.28.19.18c.1.1.36.32.56.49l.43.36.48.4.83.69,1.59,1.33C93.66,62.92,93.55,62.82,93.5,62.9Z'/%3E%3C/svg%3E");
     animation: cont-spin 15s linear infinite;
}
 #header #header-extra-div-2::before{
     z-index: 3;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.46;%7D.cls-2%7Bfill:%23231f20;%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Epata_logo_mg%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M50,23.78A26.31,26.31,0,0,1,75.86,45.07L79.79,45l-4.3,7.81-4.62-7.63,3.72-.08A25.07,25.07,0,0,0,50.65,25V35.92h6.43L50,48.16,42.94,35.92h6.42V24.42h0v-.64H50M50,45.6l4.85-8.4h-9.7L50,45.6m25.44,4.65,2.16-3.94-4.49.09,2.33,3.85M50,23.53h-.88V35.67H42.5l.22.38,7.06,12.23.22.38.22-.38,7.06-12.23.22-.38H50.89V25.3A24.7,24.7,0,0,1,74.28,44.85l-3.42.07h-.43l.23.37,4.62,7.63.22.37.21-.38L80,45.11l.21-.38h-.43l-3.73.07A26.64,26.64,0,0,0,50,23.53ZM45.58,37.45h8.84L50,45.1l-4.42-7.65Zm28,9.19,3.63-.07-1.75,3.18-1.88-3.11Z'/%3E%3Cpath class='cls-2' d='M39.26,27,35,34.79,33,31.61a25.06,25.06,0,0,0-5.4,30.76l9.43-5.44-3.22-5.56H48L40.92,63.61,37.71,58l-10,5.75h0l-.56.32-.31-.54a26.32,26.32,0,0,1,5.51-33l-2-3.36L39.26,27m-4.35,5.26,2.16-3.93-4.49.09,2.33,3.84m6,28.82,4.85-8.4h-9.7l4.85,8.4M39.69,26.71h-.43l-8.93.19H29.9l.23.37,1.92,3.18a26.66,26.66,0,0,0-5.4,33.22l.32.54.12.21.22-.12.35-.2.2-.12,9.75-5.62,3.09,5.35.22.38.22-.38L48.2,51.49l.22-.37h-15l.22.37,3.08,5.35-9,5.18A24.7,24.7,0,0,1,33,32l1.77,2.92.22.37.21-.38,4.3-7.82.21-.38ZM33,28.63l3.62-.07L34.9,31.73,33,28.63ZM36.5,52.9h8.83l-4.41,7.65L36.5,52.9Z'/%3E%3Cpath class='cls-2' d='M66.1,51.37l-3.21,5.56,10,5.76h0l.55.32-.31.54A26.33,26.33,0,0,1,41.72,75.31l-1.89,3.45-4.62-7.64,8.92-.18-1.79,3.25a25,25,0,0,0,29.33-10.7L62.25,58,59,63.61,52,51.37H66.1M59,61.05l4.85-8.4h-9.7L59,61.05M39.78,76.2l2.16-3.94-4.49.09,2.33,3.85M66.54,51.12h-15l.22.37,7.06,12.24.22.38.22-.38,3.08-5.35,9,5.2A24.81,24.81,0,0,1,42.7,74.05l1.65-3,.21-.38h-.44l-8.92.18h-.43l.22.37,4.62,7.63.23.38.21-.38,1.79-3.27A26.56,26.56,0,0,0,73.31,63.68l.31-.54.12-.22-.21-.12-.35-.2-.2-.12-9.75-5.64,3.09-5.35.22-.37ZM54.62,52.9h8.84L59,60.55,54.62,52.9ZM37.89,72.6l3.62-.08L39.76,75.7l-1.87-3.1Z'/%3E%3C/g%3E%3Cpath class='cls-3' d='M75.86,45.07A26.31,26.31,0,0,0,50,23.78h-.63v.64h0v11.5H42.94L50,48.16l7.07-12.24H50.64V25A25.07,25.07,0,0,1,74.59,45.09l-3.72.08,4.62,7.63L79.79,45Zm-21-7.87L50,45.6l-4.85-8.4Zm20.59,13L73.11,46.4l4.49-.09Z'/%3E%3Cpath class='cls-3' d='M33.85,51.37l3.22,5.56-9.43,5.44A25.06,25.06,0,0,1,33,31.61L35,34.79,39.26,27l-8.92.19,2,3.36a26.32,26.32,0,0,0-5.51,33l.31.54.56-.32h0l10-5.75,3.21,5.57L48,51.37ZM37.07,28.3l-2.16,3.93-2.33-3.84Zm-1,24.35h9.7l-4.85,8.4Z'/%3E%3Cpath class='cls-3' d='M72.85,62.7h0l-10-5.76,3.21-5.56H52L59,63.61,62.25,58l9.42,5.45a25,25,0,0,1-29.33,10.7l1.79-3.25-8.92.18,4.62,7.64,1.89-3.45A26.32,26.32,0,0,0,73.09,63.56L73.4,63ZM39.78,76.2l-2.33-3.85,4.49-.09ZM59,61.05l-4.85-8.4h9.7Z'/%3E%3C/g%3E%3C/svg%3E");
     animation: clock-spin cubic-bezier(.62, 0, .52, 1.3) 10s infinite;
}
 #header #header-extra-div-3::before{
     z-index: 3;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:%23fff;%7D.cls-1,.cls-2%7Bopacity:0.3;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Epata_logo_fg%3C/title%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M80.79,63.91,77,61.72a29.13,29.13,0,0,0,2.33-11.44A29.42,29.42,0,0,0,53.44,21.11V16.92h-7v4.19A29.38,29.38,0,0,0,22.93,61.84L19.2,64l3.5,6.07,3.74-2.16a29.36,29.36,0,0,0,47.08-.11L77.29,70ZM49.94,72.66a22.36,22.36,0,0,1-17.38-8.3l6.57-3.82,1.78,3.06L48,51.37H33.85l1.8,3.13-6.6,3.81A22.39,22.39,0,0,1,46.44,28.17v7.75H42.93L50,48.16l7.07-12.24H53.44V28.17a22.37,22.37,0,0,1,17.44,30l-6.54-3.78,1.75-3H52L59,63.6l1.81-3.13,6.56,3.79A22.34,22.34,0,0,1,49.94,72.66Z'/%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M53.19,17.17v4.16l.22,0A29.12,29.12,0,0,1,76.77,61.63l-.08.2.19.11L80.45,64,77.2,69.63l-3.56-2-.19-.11-.13.17A29.3,29.3,0,0,1,49.94,79.41a28.94,28.94,0,0,1-23.3-11.66l-.13-.18-.19.11-3.53,2-3.25-5.63,3.52-2,.19-.12-.09-.2A29.13,29.13,0,0,1,46.47,21.35l.22,0V17.17h6.5m3.43,19L50,47.66,43.36,36.17h3.33v-8.3l-.29.05A22.63,22.63,0,0,0,28.82,58.4l.11.27.25-.15,6.49-3.87.21-.13-.12-.21-1.49-2.69H47.54L40.91,63.1l-1.56-2.69-.13-.22-.22.13-6.56,3.83-.25.14.18.23a22.6,22.6,0,0,0,35.23-.1l.18-.23-.25-.14L61,60.26l-.21-.13-.13.22L59,63.1,52.4,51.62H65.66l-1.54,2.67L64,54.5l.21.13,6.54,3.77.26.15.1-.27A22.61,22.61,0,0,0,53.48,27.92l-.29-.05v8.3h3.43M53.44,16.92h-7v4.19A29.38,29.38,0,0,0,22.93,61.84L19.2,64l3.5,6.07,3.74-2.16a29.36,29.36,0,0,0,47.08-.11L77.29,70l3.5-6.06L77,61.72a29.13,29.13,0,0,0,2.33-11.44A29.42,29.42,0,0,0,53.44,21.11V16.92ZM50,48.16l7.07-12.24H53.44V28.17a22.37,22.37,0,0,1,17.44,30l-6.54-3.78,1.75-3H52L59,63.6l1.81-3.13,6.56,3.79a22.35,22.35,0,0,1-34.84.1l6.57-3.82,1.78,3.06L48,51.37H33.85l1.7,3.06-6.5,3.88A22.39,22.39,0,0,1,46.44,28.17v7.75H42.93L50,48.16Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
     animation: clock-spin cubic-bezier(.62, 0, .52, 1.3) 10s infinite;
}
 
/* ---- ANIMATION ---- */
 @keyframes clock-spin{
     0%, 15%{
         transform: rotate(0deg);
    }
     25%, 40%{
         transform: rotate(90deg);
    }
     50%, 65%{
         transform: rotate(180deg);
    }
     75%, 90%{
         transform: rotate(270deg);
    }
     100%{
         transform: rotate(360deg);
    }
}
 @keyframes cont-spin{
     from{
         transform: rotate(0deg);
    }
     to{
         transform: rotate(360deg);
    }
}
 
/* ---- MOBILE ANIMATION ---- */
 @media (max-width: 767px){
     #header{
         background: none !important;
    }
     #header #header-extra-div-1,
     #header #header-extra-div-2, 
     #header #header-extra-div-3{
         width: 5rem !important;
         height: 5rem !important;
         left: -1rem !important;
         top: 3rem !important;
    }
     #header #header-extra-div-1::before,
     #header #header-extra-div-2::before,
     #header #header-extra-div-3::before{
         width: 5rem !important;
         height: 5rem !important;
    }
}
 
/* ---- GENERAL ---- */
 span,
 a{
     word-break: unset;
}
 hr{
     height: 0;
     margin: 1em 0;
 
     background-color: transparent;
     border-top: 1px solid hsl(0, 0%, 62%);
}
 table.wiki-content-table th{
     background-color: hsl(0, 0%, 88%);
     background-color: var(--light-grey);
}
 
/* ---- LINKS ---- */
 a{
     color: hsl(268, 100%, 37%);
     color: var(--strong-violet);
}
 a:visited{
     color: hsl(253, 60%, 33%);
     color: var(--dark-blue);
}
 #side-bar a:visited{
     color: hsl(268, 100%, 37%);
     color: var(--strong-violet);
}
 a.newpage{
     color: hsl(298, 86%, 47%);
     color: var(--dark-magenta);
}
 a.footnoteref,
 a.footnoteref:before{
     color: hsl(307, 100%, 37%);
     color: var(--dark-magenta);
}
 a.collapsible-block-link{
     font-weight: bold;
}
 .pata-notice a{ /* ---- PATA-NOTICE LINK COLOUR ---- */
     color: hsl(51, 100%, 50%);
     color: var(--pure-yellow);
}
 .pata-notice a:visited{
     color: hsl(36, 67%, 49%);
     color: var(--strong-orange);
}
 .pata-notice a.footnoteref, /* ---- PATA-NOTICE FOOTNOTE COLOUR ---- */
 .pata-notice a.footnoteref:before{
     color: hsl(51, 100%, 50%);
     color: var(--pure-yellow);
}
 
/* ---- HEADER ---- */
 h1, h2, h3, h4, h5, h6{
     word-break: unset;
}
 h1,
 #page-title{
     color: hsl(266, 100%, 25%);
     color: var(--dark-violet);
}
 #header h1 a,
 #header h1 a::before{
     position: relative;
     left: -1.5px;
 
     letter-spacing: -.02em;
}
 #header h1 a{
     color: transparent;
 
     font-family: "Carrois Gothic", "Arial", sans-serif;
     text-shadow: none;
}
 #header h1 a::before{
     content: "‘Pataphysics Department";
 
     color: hsl(0, 0%, 91%);
     color: var(--lighter-grey);
 
     text-shadow: 1px 1px 1px hsl(0, 0%, 05%);
     text-shadow: 1px 1px 1px var(--very-dark-grey);
}
 #header span{
     color: hsl(0, 0%, 91%);
     color: var(--lighter-grey);
}
 #header h2 span{
     color: transparent;
 
     text-shadow: none;
}
 #header h1 a span{
     content: "";
 
     visibility: hidden;
}
 #header h2 span::before{
     content: "Killing Our Gods";
 
     color: hsl(0, 0%, 91%);
     color: var(--lighter-grey);
 
     text-shadow: 1px 1px 1px hsl(0, 0%, 05%);
     text-shadow: 1px 1px 1px var(--very-dark-grey);
     text-shadow: 1px 1px 1px hsla(0, 0%, 5%, .8);
}
 @media only screen and (max-width: 425px){
     #header h1 a::before{
         content: "‘Pataphysics Dept.";
    }
}
 
/* ---- TOP MENU ---- */
 #top-bar ul li ul{
     border: solid 1px hsl(268, 40%, 25%);
     border: solid 1px var(--very-dark-moderate-violet);
}
 #top-bar a{
     color: hsl(0, 0%, 91%);
     color: var(--lighter-grey);
}
 #login-status ul a{
     color: hsl(268, 100%, 37%);
     color: var(--strong-violet);
}
 #top-bar ul .sfhover a,
 #top-bar ul li:hover a{
     color: hsl(268, 40%, 25%);
     color: var(--very-dark-moderate-violet);
     background: hsl(0, 0%, 95%);
     background: var(--very-light-grey);
}
 #my-account,
 #account-topbutton{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
}
 
/* ---- SEARCH BAR ---- */
 #search-top-box-input{
     background-color: hsl(268, 40%, 25%);
     background-color: var(--very-dark-moderate-violet);
     border: solid 1px hsl(268, 33%, 30%);
     border: solid 1px var(--very-dark-muted-violet);
     border-radius: 0;
}
 #search-top-box-input:hover,
 #search-top-box-input:focus{
     background: hsl(268, 25%, 50%);
     background: var(--mostly-muted-dark-violet);
     border: solid 1px hsl(0, 0%, 95%);
     border: solid 1px var(--very-light-grey);
     border-radius: 0;
}
 #search-top-box-form input[type="submit"]{
     color: hsl(270, 75%, 76%);
     background: hsl(268, 33%, 30%);
     background: var(--very-dark-muted-violet);
     border: solid 1px hsl(268, 40%, 45%);
     border: solid 1px var(--dark-moderate-violet);
     border-radius: 0;
     box-shadow: none;
 
     font-size: unset;
}
 #search-top-box-form input[type="submit"]:hover, 
 #search-top-box-form input[type="submit"]:focus{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
     background: hsl(268, 25%, 50%);
     background: var(--mostly-muted-dark-violet);
     border: solid 1px hsl(0, 0%, 95%);
     border: solid 1px var(--very-light-grey);
     border-radius: 0;
     box-shadow: none;
}
 
/* ---- SIDE MENU ---- */
 #side-bar{
     background: none;
}
 #side-bar .side-block{
     background: hsl(0, 0%, 91%);
     background: var(--lighter-grey);
     border: 3px solid hsl(268, 40%, 25%);
     border: 3px solid var(--very-dark-moderate-violet);
     border-radius: 0;
     box-shadow: none;
}
 #side-bar .heading{
     color: hsl(268, 40%, 25%);
     color: var(--very-dark-moderate-violet);
     border-bottom: 1px solid hsl(268, 40%, 45%);
     border-bottom: 1px solid var(--dark-moderate-violet);
}
 .side-block .menu-item > .image{
     filter: hue-rotate(268deg) saturate(90%) brightness(100%);
     -webkit-filter: hue-rotate(268deg) saturate(90%) brightness(100%);
}
 #side-bar div.menu-item.inactive a{
     color: hsl(268, 40%, 25%);
     color: var(--very-dark-moderate-violet);
}
 #side-bar div.menu-item .sub-text{
     color: hsl(268, 40%, 25%);
     color: var(--very-dark-moderate-violet);
}
 #side-bar .collapsible-block-folded{
     background: none;
}
 #side-bar .collapsible-block-unfolded-link{
     border-bottom: solid 1px hsl(268, 40%, 25%);
     border-bottom: solid 1px var(--very-dark-moderate-violet);
}
 #side-bar .collapsible-block-unfolded-link .collapsible-block-link{
     color: hsl(268, 40%, 25%);
     color: var(--very-dark-moderate-violet);
 
     font-weight: bold;
}
 
/* ---- INFO BAR ---- */
 body{
     --linkColour: hsl(0, 0%, 95%);
     --linkColour: var(--very-light-grey);
     --barColour: hsl(268, 39%, 10%);
     --barColour: var(--very-dark-violet);
}
 
/* ---- INFO PANE ---- */
 .rate-box-with-credit-button{
     background-color: hsl(268, 40%, 25%) !important;
     background-color: var(--very-dark-moderate-violet) !important;
     border-color: hsl(268, 40%, 25%) !important;
     border-color: var(--very-dark-moderate-violet) !important;
     border-radius: 0 !important;
     box-shadow: none !important;
}
 .rate-box-with-credit-button .fa-info{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
     border-color: hsl(268, 40%, 45%);
     border-color: var(--dark-moderate-violet);
}
 .rate-box-with-credit-button .fa-info:hover{
     color: hsl(112, 77%, 48%);
     color: var(--vivid-lime-green);
}
 .rate-box-with-credit-button .cancel{
     border: 0;
}
 .close-credits,
 .credit-back{
     filter: hue-rotate(268deg);
}
 .modalbox{
     box-shadow: 0 1px 10px hsla(282, 73%, 51%, .3);
}
 
/* ---- PAGE RATING ---- */
 .page-rate-widget-box{
     border: none;
     border-radius: 0;
     box-shadow: none;
}
 .page-rate-widget-box .rate-points{
     background-color: hsl(268, 40%, 25%) !important;
     background-color: var(--very-dark-moderate-violet) !important;
     border: solid 1px hsl(268, 33%, 30%);
     border: solid 1px var(--very-dark-muted-violet);
     border-radius: 0;
}
 .page-rate-widget-box .rateup,
 .page-rate-widget-box .ratedown{
     background-color: hsl(0, 0%, 95%);
     background-color: var(--very-light-grey);
     border-top: solid 1px hsl(268, 33%, 30%);
     border-top: solid 1px var(--very-dark-muted-violet);
     border-bottom: solid 1px hsl(268, 33%, 30%);
     border-bottom: solid 1px var(--very-dark-muted-violet);
}
 .page-rate-widget-box .rateup a,
 .page-rate-widget-box .ratedown a{
     color: hsl(268, 40%, 25%);
     color: var--very-dark-moderate-violet);
}
 .page-rate-widget-box .rateup a:hover,
 .page-rate-widget-box .ratedown a:hover{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
     background: hsl(268, 40%, 25%);
     background: var(--very-dark-moderate-violet);
}
 .page-rate-widget-box .cancel{
     background-color: hsl(268, 40%, 25%);
     background-color: var(--very-dark-moderate-violet);
     border: solid 1px hsl(268, 33%, 30%);
     border: solid 1px var(--very-dark-muted-violet);
     border-left: 0;
     border-radius: 0;
}
 .page-rate-widget-box .cancel a{
     color: hsl(268, 40%, 45%);
     color: var(--dark-moderate-violet);
}
 .page-rate-widget-box .cancel a:hover{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
     background: hsl(268, 40%, 25%);
     background: var(--very-dark-moderate-violet);
     border-radius: 0;
}
 
/* ---- DIV BLOCKS ---- */
 blockquote,
 div.blockquote{
     background-color: hsl(0, 0%, 91%);
     background-color: var(--lighter-grey);
     border: 1px solid hsl(0, 0%, 60%);
}
 .pata-notice{
     margin: 1em 0;
     padding: 0 1em;
 
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
     background-color: hsl(268, 40%, 25%);
     background-color: var(--very-dark-moderate-violet);
     border: 1px solid hsl(268, 33%, 30%);
     border: 1px solid var(--very-dark-muted-violet);
 
     text-align: center;
}
 .code{
     background-color: hsl(0, 0%, 92%);
     border-color: hsl(0, 0%, 82%);
}
 
/* ---- CUSTOM PAGE CONTENT CLASSES ---- */
 .content-panel .panel-body{
     background: hsl(0, 0%, 95%);
     background: var(--very-light-grey);
}
 .content-panel .panel-footer{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
}
 .content-panel .panel-footer a{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
}
 
/* ---- YUI TAB CUSTOMIZATION ---- */
 .yui-navset .yui-content{
    /* ---- Content Background ---- */
     background-color: white;
    /* -------- */
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-navset-left .yui-navset-right .yui-nav a{
     color: hsl(0, 0%, 05%);
     color: var(--very-dark-grey);
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: white;
    /* -------- */
     background-image: none;
     border: solid 1px #808080;
     border-bottom: none;
 
     transition: .125s;
}
 .yui-navset .yui-nav .selected a, /* ---- Selection Modifier ---- */
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:hover{
     color: hsl(0, 0%, 95%);
     color: var(--very-light-grey);
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background: hsl(268, 40%, 25%);
     background: var(--very-dark-moderate-violet);
    /* -------- */
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
    /* ---- Tab Background Colour | [HOVER] ---- */
     background: hsl(0, 0%, 75%);
     background: var(--grey);
    /* -------- */
}
 .yui-navset .yui-nav, /* ---- Between Tab And Content ---- */
 .yui-navset .yui-navset-top .yui-nav{
     border-color: hsl(268, 40%, 25%);
     border-color: var(--very-dark-moderate-violet);
}
 
/* ---- STANDARD IMAGE BLOCK ---- */
 .scp-image-block{
     box-shadow: none;
}
 .scp-image-block .scp-image-caption{
     background-color: hsl(0, 0%, 88%);
     background-color: var(--light-grey);
     border-top: solid 1px hsl(268, 40%, 25%);
     border-top: solid 1px var(--very-dark-moderate-violet);
}
 
/* ---- INTERWIKI ---- */
 .scpnet-interwiki-frame{
     filter: hue-rotate(268deg) saturate(90%) brightness(100%);
}
 
/* ---- ADJUST MOBILE IMAGE SIZE ---- */
 @media (max-width: 767px){
     .open-menu a{
         color: hsl(268, 40%, 25%) !important;
         color: var(--very-dark-moderate-violet) !important;
         background-color: white !important;
         border: 2px solid hsl(268, 40%, 25%) !important;
         border: 2px solid var(--very-dark-moderate-violet) !important;
    }
     #side-bar{
         background-color: hsl(0, 0%, 75%);
         background-color: var(--grey);
    }
     #side-bar:target + #main-content{
         left: 0;
    }
}
 @media (min-width: 768px){
     #header h1 a{
         font-size: 150%;
    }
}
 
/* ---- REDUCED MOTION ACCESSIBILITY ----
 * By SMLT
**/
 @media (prefers-reduced-motion: reduce){
     *, *::before, *::after{
         animation-duration: .001s !important;
         animation-iteration-count: 1 !important;
         transition-duration: .001s !important;
    }
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License